摘要: 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除 阅读全文
posted @ 2017-12-26 17:42 hj0612 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 一、计算属性 对于任何复杂逻辑,你都应当使用计算属性。 1、基础例子 可以像绑定普通属性一样在模板中绑定计算属性。Vue 知道 vm.reversedMessage 依赖于 vm.message,因此当 vm.message 发生改变时,所有依赖 vm.reversedMessage 的绑定也会更新 阅读全文
posted @ 2017-12-26 17:19 hj0612 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 一、插值 1、文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值: Mustache 标签将会被替代为对应数据对象上 msg 属性的值。无论何时,绑定的数据对象上 msg 属性发生了改变,插值处的内容都会更新。 通过使用 v-once 指令,你也能执行一次性地插值, 阅读全文
posted @ 2017-12-26 16:40 hj0612 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 一、创建一个Vue实例 每个 Vue 应用都是通过 Vue 函数创建一个新的 Vue 实例开始的: 一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例,以及可选的嵌套的、可复用的组件树组成。 二、数据与方法 当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 dat 阅读全文
posted @ 2017-12-26 15:55 hj0612 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 一、声明式渲染 1、文本插值 2、绑定元素特性 v-bind: 属性名 将这个元素节点的 title 特性和 Vue 实例的 message 属性保持一致 二、条件与循环 1、v-if 2、v-for 指令可以绑定数组的数据来渲染一个项目列表 三、处理用户输入 1、v-on 添加一个事件监听器 2、 阅读全文
posted @ 2017-12-26 15:04 hj0612 阅读(138) 评论(0) 推荐(0) 编辑