计算属性
模板是视图的结构,不应该过多的逻辑,太多的逻辑让模板过于庞大臃肿,所以有时候计算属性就很有作用。
例子:
<div id="test"> a={{ a }}, b={{ b }} </div>
var vm = new Vue({ el: '#test', data: { a: 100 }, computed: { // 一个计算属性 b: function () { // `this` 指向 vm 实例 return this.a + 1 } } })
结果: a=100,b=101
b 的改变依赖a,当vm中的a改变时,b也会随之而改变