m0_64389585的博客

本帖演示了五个vue示例，个个都很经典，欢迎大家一起交流学习。

Vue 可以添加数据动态响应接口。例如以下实例，我们通过使用 $watch 属性来实现数据的监听，$watch 必须添加在 Vue 实例之外才能实现正确的响应。实例中通过点击按钮计数器会加 1。setTimeout 设置 10 秒后计算器的值加上 20。Vue 不允许在已经创建的实例上动态添加新的根级响应式属性。Vue 不能检测到对象属性的添加或删除，最好的方式就是在初始化实例前声明根级响应式属性，哪怕只是一个空值。

Vue 要实现异步加载需要使用到 vue-resource 库。Vue.js 2.0 版本推荐使用来完成 ajax 请求。

通过 Vue.directive() 函数注册一个全局的指令。通过组件的 directives 属性，对该组件添加一个局部的指令。

本帖主要学习Vue.js表单上的应用。可以用v-model指令在表单控件元素上创建双向数据绑定。v-model会根据控件类型自动选取正确的方法来更新元素。

<title>Vue测试实例</title>

class与style是HTML元素的属性，用于设置元素的样式，我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理class和style时，专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。