代码

vue实例：指令函数
指令函数可接受所有合法的 JavaScript 表达式，实例中传入了 JavaScript 对象。
vue实例：钩子函数参数
演示了钩子函数参数的使用。
vue实例：注册局部指令
使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用。
vue实例：注册全局指令
注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点。
vue实例：自定义事件
实例中子组件已经和它外部完全解耦了。它所做的只是触发一个父组件关心的内部事件。
vue实例：动态 prop
将 v-bind 指令将 todo 传到每一个重复的组件中。
vue实例：动态 prop
类似于用 v-bind 绑定 HTML 特性到一个表达式，也可以用 v-bind 动态绑定 props 的值到父组件的数据中。
vue实例：prop 实例
prop 是父组件用来传递数据的一个自定义属性。
vue实例：局部组件
注册一个简单的局部组件 itshubao，并使用它。
vue实例：全局组件
注册一个简单的全局组件 itshubao，并使用它。
vue实例：select 列表
下拉列表的双向数据绑定。
vue实例：单选按钮
单选按钮的双向数据绑定。
vue实例：复选框
演示了复选框的双向数据绑定。
vue实例：输入框
演示了 input 和 textarea 元素中使用 v-model 实现双向数据绑定。
vue实例：v-on 指令3
除了直接绑定到一个方法，也可以用内联 JavaScript 语句
vue实例：v-on 指令2
v-on 可以接收一个定义的方法来调用。
vue实例：v-on 指令
事件监听可以使用 v-on 指令。
vue实例：style(内联样式)3
v-bind:style 可以使用数组将多个样式对象应用到一个元素上。
vue实例：style(内联样式)2
也可以直接绑定到一个样式对象。
vue实例：style(内联样式)
我们可以在 v-bind:style 直接设置样式。