Vue2.x

概述 在 Vue 中，当父组件向子组件传递数据时，会使用 Props。但是如果需要向更深层级的组件传递数据的话使用 Props 逐级传递会变得非常繁琐。 而 provide / inject 是一种高

基础 混入（mixin） 是一种非常方便的组件复用方式，可以将一些常用的逻辑或者功能封装成一个混入对象，然后在多个组件中引用，从而实现代码复用和减少重复代码的编写。 混入（mixin） 的定义方式：

自定义指令 除了内置的指令以外，Vue 允许用户注册自定义指令。在某些情况下需要对普通 DOM 元素进行操作的时候就可以使用自定义指令。 在 Vue2 中，自定义指令分为 全局指令 和 局部指令，全局

计算属性 计算属性是一种在模板中使用的属性，它会根据其依赖的 data 数据动态计算出一个新的值。 计算属性的值会被缓存，在计算属性的依赖数据未发生改变时再次调用计算属性拿到的会是缓存后的值，只有在它

概述 正常情况下，组件的开闭合标签中的内容是无法直接渲染出来的。例如有一个 Child 组件，我们直接在它的开闭合标签中添加一些内容： 会发现 Hello, world！在无法在页面中正常渲染，这时候

概述 props/$emit 是父子组件通讯的一种方式。 父组件通过 v-bind 绑定 prop 和 v-on 监听一个自定义事件。 子组件通过 props 接收父组件绑定的 prop，使用 $em

概述 v-model 是一个用于实现双向数据绑定的指令。它可以将表单元素如：inpupt，textarea，select 的值与 Vue实例 中的数据进行绑定。使得用户输入的值能够自动更新到 Vue实

事件监听 通过 v-on 指令监听事件。 v-on 还可以简写成 @ 。 事件处理方法 内联： 模板<template> 中，无需使用 this 就可以访问实例的属性或方法。 在 methods 定义

v-for 通过 v-for 指令渲染元素。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是数据源，而 item 则是被迭代的元素别名。 遍历数组： 遍历时可

v-if / v-else-if / v-else v-if 指令用于条件性的渲染一块内容。这块内容只有在指令的表达式返回 true 的时候被渲染。 也可以使用 v-else 添加一个 else 块。

概述 v-bind 在用于 class 和 style 时，Vue 做了专门的增强。属性的类型除了字符串以外，还可以是对象或数组。 Class 字符串： 对象： 传入一个对象，动态切换 Class。对

概述 在 Vue 实例创建、更新、销毁等不同阶段，Vue 会自动调用一系列函数提供给用户在不同阶段加入自己的代码对 Vue 进行操作。 beforeCreate 在实例化之后、在 数据劫持 和 事件配

插值 普通文本： 数据绑定最常见的形式就是使用 {{ }} 双大括号语法，也被称为：Mustache 语法。 {{ msg }} 中的 msg 对应的就是 data（数据对象） 中的 msg 属性。