常用于请求列表数据：要显示ul->li列表时，父组件向服务器请求数据，数据存放在父组件里，并把数据传递给子组件，然后子组件使用 v-for 遍历显示。（因为子组件不能直接访问父组件或vue实例的数据）

组件的数据定义在哪里 之前组件的数据都是写死在标签里的，现在我希望组件的数据可以动态变化：数据改变，组件的显示也随着变化。 组件的数据在哪里定义呢？ 注册组件时，数据写在组件自己的data属性中。以全局组件为例，data是在注册组件的时候来指定的： {代码...}...

全局组件vs局部组件 父组件vs子组件 父组件通过全局的方式注册。子组件是在某个组件里面注册（不是在全局注册，也不是Vue实例下面注册）。 代码演示： {代码...} 【局部组件】和【子组件】的区别 局部组件是在Vue实例下面注册，子组件是在其他组件里面注册

创建组件构造器 Vue.extend() 需要传入一个对象Vue.extend创建的是一个组件构造器，通常在创建构造器时，传入template作为我们自定义组件的模板。 Vue.component这种写法在2.X文档中几乎看不到了，一般使用语法糖的形势来写。见下文。

什么是双向绑定？data里是什么，input就显示什么，修改input里的数据，会同步修改data里面对应的数据。 1.v-model结合type类型使用 {代码...} input的数据，和data里面的message，是双向绑定了的。 2.v-model结合radio类型使用 {代码...} 此时，data的sex属性里面，...

{代码...}

为什么数组变化，页面会自动刷新？ 原因是：数据是响应式的，vue 监听到数据内部发生变化，会自动根据新数据，重新渲染 DOM，再根据虚拟 DOM 修改真实 DOM。 需要注意的是，并不是数据只要变动，页面就跟着变化。 用哪些方式去修改数组，数据是响应式的？ 响应式修改...

先说结论：使用v-for时，需要给元素或组件添加key属性。 加上key的目的：避免重复渲染 通过案例讲解。 案例：在字母列表 B 和 C 之间，插入 F {代码...} 实现方法 插入F方法：使用 splice {代码...} 性能上的问题 先引入一个概念：diff算法。 vue会先把元素放到虚拟d...

v-if 功能：通过v-if="ture\false"来决定标签里面的内容是否渲染。 v-if + v-else 如果v-if里面的内容为true，渲染v-if的内容，否则渲染v-else的内容。 {代码...} v-if + v-else-if + v-else 根据条件判断应该渲染哪个标签的内容。 {代码...} v-show v-show只是增加...

什么是对象字面量 定义一个对象叫obj {代码...} 但实际开发中我们通常不会这样写，我们一般会写成 {代码...} 上面那个大括号{ }就叫对象字面量。 对象字面量的写法 给对象字面量添加一些属性和方法 {代码...} 对象字面量的增强写法 属性的增强写法 定义name，age，he...

const用于定义常量，定义完不能修改。 建议在开发中优先使用const，这样可以有效避免变量被其他同事修改的问题。 定义const的时候必须赋值。 {代码...} 常量的含义是：指向的对象不能修改，但是可以修改对象内部的属性。 指向的对象不能修改：像下面这样 {代码...} ...

var 在 if 和 for 中 没有作用域，在 function 中有作用域，即var 没有块级作用域。块指的是代码块，即 if 和 for 后面的{ }。

data中的数据，可以通过插值语法直接显示到页面上，但有时需要先处理一下（比如把多个数据合并），再显示到页面。 此时就会用到计算属性（vue实例的computed属性）。 用法 HTML：在模板里面指定属性名 {代码...} JS：在computed属性里面，添加方法。 {代码...} 案例 ...

对象是键值对的形式：键是属性名，值是属性的值，不是布尔值。值需要写到引号里面（字符串），不写引号的话则解析成变量名。变量定义在data里面，如下：

实际开发中，标签的class通常不会使用一个普通字符串写死，而是动态地给标签绑定class，有2种绑定语法：对象语法和数组语法。 对象语法（常用） 绑定方式是使用对象 v-bind:class="{ }"。 对象{ }由键值对构成，键是类名，值是布尔值。 如下所示： {代码...} 对象语...

实际开发中，标签的属性不是写死的，需要先从服务器请求，服务器返回json数据，把数据放进vue实例的data，再把data和标签的属性做绑定。

插值的意思就是把数据（值）插进dom里，数据定义在vue实例的data属性中。 1. 使用Mustache语法（即双大括号{{ }}） DOM: {代码...} vue实例的数据： {代码...} 2. 其他的插值指令 （1）v-once 只显示第一次解析到的数据，当数据发生改变时，页面不跟着变。 {代码...}...

其中created和mounted是比较常用的。 created常用语做网络请求，把请求到的数据存到data里面，data变化dom即自动变化。

位置不一样。 写在外面（直接写在<script>标签里面的）的叫函数，比如这样 {代码...} 写在类里面的叫方法，因为方法和某个实例或对象是绑定的。比如这样： {代码...}

我们在创建vue实例的时候，穿进去了一个对象options。这个options中，可以包含哪些选项呢？我们可以看vue的官方文档，【选项/xx】都是可以使用的选项。