摘要: computed/methods两种方式的最终结果确实是完全相同的。然而,不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再 阅读全文
posted @ 2017-12-27 23:55 zhen-Android 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,当页面加载时,该元素将获得焦点 ( 阅读全文
posted @ 2017-12-27 21:56 zhen-Android 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单 阅读全文
posted @ 2017-12-27 21:53 zhen-Android 阅读(1547) 评论(0) 推荐(0) 编辑
摘要: 可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。 v-on:event <!-- 格式v-on:keycode="方法(参数)" --> <div style="height: 150px;background: #CCC;margin: 5px;"> <d 阅读全文
posted @ 2017-12-27 00:49 zhen-Android 阅读(1190) 评论(0) 推荐(0) 编辑