Vue学习笔记第23页

vue学习笔记（三）

一、组件（一）什么是组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码组件是自定义元素（对象）。（二）创建组件的两种方式官方推荐组件标签名是使用-连接的组合词，例如：。1、使用构造器创建组件使用这种方式创建组件首先需要使用Vue.extend()创建一个组件构造器，然后使用Vue.component(标签名,组件构造器)，根据组件构造器来创建组

间阳幕宾·2017-10-25 09:06

Vue学习笔记-Vue基础入门

此篇文章是本人在学习Vue是做的部分笔记的一个整理，内容不是很全面，希望能对阅读文章的同学有点帮助。什么是Vue？Vue.js(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完

weixin_30919571·2017-10-18 20:00

Vue学习笔记一创建vue项目

1：安装Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境。可以搜索Node.js的官网下载，安装完成后，打开命令提示符cmd.exe,输入node-v,可以看到安装的Node.js的版本。在命令提示符终端输入：node-v查看Node.js的版本npm是Node.js的包管理工具（packagemanager），是全球最大的开源库生态系统。npm在Node.

cc_fys·2017-09-20 10:40

vue学习笔记之v-if和v-show的区别

v-ifvsv-showv-if是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做――直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多――不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的初

点点乐淘淘·2017-09-20 09:39

vue学习笔记8——在vue中操作DOM

vue学习笔记8——在vue中操作DOM，目录关系exportdefault{mounted(){$('#hot_sell_imgimg').on('click',function(){varhotSellImgSrc

aeoliancrazy·2017-09-05 14:39

Vue学习笔记之表单输入控件绑定

表单输入绑定基础用法文本###多行文本###复选框爱好{{checked}}varvm=newVue({el:'#app',date:{checked:[]},单选按钮性别男女{{picked}}varvm=newVue({el:'#app',date:{picked:''},选择列表单选列表户口请选择河北山西北京{{selected}}varvm=newVue({el:'#app',date:{

哈希·2017-09-05 09:34

vue学习笔记4——route，路由跳转等

vue学习笔记4——route之前学习笔记补充：注意渲染和其他标签的先后顺序/**下面是新的内容了***/疑问：参照网易云音乐进入ip为music.163.com的页面（网易云的官网）点击一些功能按键，

aeoliancrazy·2017-09-04 21:50

vue学习笔记3——外部引入css和路由的一部分

vue学习笔记3——外部引入css和路由的一部分从外部引入css文件在.vue文件中@import'../../style/basic.css';@import'../..

aeoliancrazy·2017-09-04 16:08

整理vue学习笔记

1.vue简介，vue是一个构建用户界面的框架。是一个轻量级mvv框架，和angular一样是所谓的双向数据绑定，数据驱动和组件化的前端开发，通过简单的api实现响应式的数据绑定和组合试图组件，容易上手，小巧。2.安装vue-devtools插件，便于在chrome中调试vue，配置是否允许vue-devtools检查代码，方便调试，生产环境设置为false，vue.config.devtools

小飞侠-2·2017-09-04 09:44

Vue学习笔记实战篇——音乐播放器 · 需求说明

本文为转载，原文：Vue学习笔记实战篇——音乐播放器·需求说明介绍Vue学习了这么久，也是时候来一把实战了。

ChainZhang·2017-07-31 09:02

前端主流框架vue学习笔记第二篇

接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替，后期接下来的文章中我们会重复造轮子，构建我们自己的轻量级框架（UI库）。首先，我们对我们的页面结构进行一

JerremyZhang·2017-07-26 16:48

前端主流框架vue学习笔记第一篇

vue应该是前端主流框架中的集大成者，它吸取了knockout，angular，react设置avalon的经验，支持各种模式写法，入门很简单，从本章开始，会记录学习vue中的点点滴滴，以笔记的形式形成博文。1、HelloWorld和任何框架一样，使用前必先引入，我们这里直接使用cdn资源,创建index.html,编写如下代码：demo1{{message}}newVue({el:'#app',

JerremyZhang·2017-07-26 16:40

Vue学习笔记进阶篇——vuex核心概念

本文为转载，原文：Vue学习笔记进阶篇——vuex核心概念前言本文将继续上一篇vuex文章，来详细解读一下vuex的核心概念，states,getters,mutations,actions,mudoles.State

ChainZhang·2017-07-23 19:12

Vue学习笔记进阶篇——vue-resource安装及使用

本文为转载，原文：Vue学习笔记进阶篇——vue-resource安装及使用简介vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。

ChainZhang·2017-07-21 11:01

Vue学习笔记进阶篇之函数化组件解析

这两天学习了Vue.js感觉函数化组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记介绍之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没有生命周期方法。它只是一个接收参数的函数。在这个例子中，我们标记组件为functional，这意味它是无状态（没有data），无实例（没有this上下文）。一个函数化组件就像这样：Vue.component('my-compo

Chain·2017-07-21 10:50

Vue学习笔记进阶篇之多元素及多组件过渡

本文介绍了vue多元素及多组件过渡，这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。多元素的过渡对于原生标签可以使用v-if/v-else.但是有一点需要注意：当有相同标签名的元素切换时，需要通过key特性设置唯一的值来标记以让Vue区分它们，否则Vue为了效率只会替换相同标签内部的内容。即使在技术上没有必要，给在组件中的多个元素设置key是一个更好的实践。示例：SaveEdit在一些

Chain·2017-07-19 11:07

Vue学习笔记进阶篇之vue-router安装及使用方法

本文是基于上一篇文章（Vue学习笔记进阶篇――vue-cli安装及介绍）vue-

Chain·2017-07-19 11:02

Vue学习笔记进阶篇之单元素过度

概述Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。包括以下工具：在CSS过渡和动画中自动应用class可以配合使用第三方CSS动画库，如Animate.css在过渡钩子函数中使用JavaScript直接操作DOM可以配合使用第三方JavaScript动画库，如Velocity.js单元素/组件的过度Vue提供了transition的封装组件，在下列情形中，可以给任何元素和组件

Chain·2017-07-19 11:34

Vue学习笔记进阶篇——vue-router安装及使用

本文为转载，原文：Vue学习笔记进阶篇——vue-router安装及使用介绍vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。

ChainZhang·2017-07-18 18:01

Vue学习笔记进阶篇之vue-cli安装及介绍

介绍Vue-cli是Vue的脚手架工具主要作用：目录结构、本地调试、代码部署、热加载、单元测试地址：https://github.com/vuejs/vue-cli安装全局安装vue-clinpminstall-gvue-cli当然了，要想使用npm工具，就必须安装Node.js，node.js的安装方法这里就不做介绍了。安装完成后，在终端输入以下命令,可以查看vue的版本：vue-V输入以下命令

Chain·2017-07-18 16:28

详解Vue学习笔记入门篇之组件的内容分发(slot)

介绍为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发(或“transclusion”如果你熟悉Angular)。Vue.js实现了一个内容分发API，使用特殊的'slot'元素作为原始内容的插槽。编译作用域在深入内容分发API之前，我们先明确内容在哪个作用域里编译。假定模板为：{{message}}message应该绑定到父组件的数据，还是绑定到子组

Chain·2017-07-17 15:52

详解Vue学习笔记进阶篇之列表过渡及其他

本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。列表过渡目前为止，关于过渡我们已经讲到：单个节点同一时间渲染多个节点中的一个那么怎么同时渲染整个列表，比如使用v-for？在这种场景中，使用组件。在我们深入例子之前，先了解关于这个组件的几个特点：不同于，它会以一个真实元素呈现：默认为一个。你也可以通过tag特性更换为其他元素。内部元素总是需要提供唯一的key属性值.列表的进入和离开过渡

Chain·2017-07-17 15:50

Vue学习笔记进阶篇之过渡状态详解

这两天学习了Vue.js感觉渡系统这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。Vue的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据元素本身的动效呢，比如：数字和运算颜色的显示SVG节点的位置元素的大小和其他的属性所有的原始数字都被事先存储起来，可以直接转换到数字。做到这一步，我们就可以结合Vue的响应式和组件系统，使用第三方库来实现切换元素的过渡状态。状态

Chain·2017-07-14 14:25

Vue学习笔记入门篇——组件的内容分发(slot)

本文为转载，原文：Vue学习笔记入门篇——组件的内容分发(slot)介绍为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。

ChainZhang·2017-07-10 23:21

Vue学习笔记目录

本文为转载，原文：Vue学习笔记目录Vue介绍Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。

ChainZhang·2017-07-07 11:47

vue学习笔记之vue1.0和vue2.0的区别介绍

今天我们来说一说vue1.0和vue2.0的主要变化有哪些一.在每个组件模板，不在支持片段代码VUE1.0是:我是组件我是加粗标签VUE2.0:必须有根元素,包裹住所有的代码我是组件我是加粗标签二.关于组件定义VUE1.0定义组件的方式有:Vue.extend这种方式，在2.0里面有，但是有一些改动Vue.component(组件名称,{在2.0继续能用data(){}methods:{}temp

自足·2017-05-17 14:28

vue学习笔记之指令v-text && v-html && v-bind详解

一：指令的概念：指令是vue自定义的以v-开头的自定义属性。每个不同的属性都有各自不同的意义和功能二：指令的语法：v-指令名=“表达式判断或者是业务模型中属性名或者事件名”三：具体指令1.v-text作用：操作元素中的纯文本快捷方式：{{}}栗子1简写形式：将v-text=""换成{{}}{{message}}varapp=newVue({el:'#app',data:{message:'hell

椰果粒·2017-05-12 11:38

vue学习笔记

Vue学习笔记总结一入前端深似海，在前端的工作过程中我们只有不断的学习新技术，才能不被淘汰，之前学习Vue的时候做了一些总结，现在把它整理出来，希望能帮助一些还没有上手的同学迅速上手。

Daisy_____·2017-05-02 16:46

Vue学习心得记录之模板语法

下面是我这半年以来总结的Vue学习笔记，帮助自己复习学习Vue的基本用法。有需要的同志可以参考下。

Ajaxyz·2017-04-29 00:00

详解如何在Vue2中实现组件props双向绑定

Vue学习笔记-3前言Vue2.x相比较Vue1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。

小小沧海·2017-03-29 11:15

vue学习笔记：vue-router

vue-router是Vue.js官方的路由插件，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。配置vue-router总共分以下几步：设置路由渲染区域页面中使用，路由匹配到的组件将渲染在这里。嵌套路由上面例子中的router-view是最顶层的出口，渲染最高级路由匹配到的组件。但是同时一个被渲染的组件同样可以包含自己的router-v

gigi就是我·2017-03-15 11:37

vue学习笔记1-基本知识

1.npm安装node.js的时候会一起安装npm包管理器，能够解决nodejs代码部署问题，常见使用如下：允许用户从npm服务器下载别人编写的第三方包到本地应用允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用允许将自己编写的包或命令上传到npm服务器上供别人使用新版的nodejs已经集成npm，安装好nodejs之后使用npm-v命令检查是否安装成功。2.webpackwebpac

nd·2017-03-01 18:00

Vue学习笔记之一 - 入门

URL：Introduction-Vue.js注意所演示的示例，都是在JS中将Vue实例绑定至HTML中的指定元素，然后再通过Vue实例中data内的属性或者methods中的方法，来对所绑定元素的子元素进行操作的，而不是对指定ID元素本身进行操作。{{message}}有时候代码正常，但是Vue会报如下的错误，可能是因为在HTML页面中，JS脚本的载入在HTML页面的渲染之前执行了，解决方法就是

samsara0511·2017-01-17 00:00

Vue2实现组件props双向绑定