Vue.js 基本范例
示例
模板
<div id="example">
a={{ a }}, b={{ b }}
</div>的JavaScript
var vm = new Vue({
el: '#example',
data: {
a: 1
},
computed: {
//计算的吸气剂
b: function () {
//“this”指向虚拟机实例
returnthis.a+ 1
}
}
})结果
a=1, b=2
在这里，我们声明了一个计算属性b。我们提供的函数将用作该属性的getter函数vm.b：
console.log(vm.b) // -> 2 vm.a = 2 console.log(vm.b) // -> 3
的值vm.b始终取决于的值vm.a。
您可以将数据绑定到模板中的计算属性，就像普通属性一样。Vue公司意识到，vm.b取决于vm.a，所以它会更新依赖于任何绑定vm.b时vm.a的变化。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短