摘要: Vue 最显著的特性之一便是不太引人注意的响应式系统(reactivity system)。模型层(model)只是普通 JavaScript 对象,修改它则更新视图(view)。这会让状态管理变得非常简单且直观,不过理解它的工作原理以避免一些常见的问题也是很重要的。在本节中,将开始深入挖掘 Vue 响应式系统的底层细节。 如何追踪变化 把一个普通 Javascript 对象传给 ... 阅读全文
posted @ 2017-03-04 11:19 迪克猪 阅读(1882) 评论(0) 推荐(0) 编辑
摘要: 1、基础语法 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。 v-model 并不关心表单控件初始化所生成的值。因为它会选择 Vue 实例数据来作为具体的值。 文本 Message is: {{ message }} ... 阅读全文
posted @ 2017-03-04 10:49 迪克猪 阅读(2475) 评论(0) 推荐(0) 编辑
摘要: 1、监听事件 可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 示例: 增加 1 这个按钮被点击了 {{ counter }} 次。 var example1 = new Vue({ el: '#example-1', data: { counter: 0 } }) 结果: 2、方法处理事件 许多事件处理的逻辑都很复杂,所以直接... 阅读全文
posted @ 2017-03-04 09:31 迪克猪 阅读(478) 评论(0) 推荐(0) 编辑