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的变化。
热门推荐
2 红丝绒戚风蛋糕
3 夹心小甜点
4 南瓜甜点
6 粘米粉蒸蛋糕
7 酸奶华夫饼
9 红柚鸡蛋糕
10 葡萄干蛋糕
11 紫薯蛋糕卷
13 纸杯裱花小蛋糕
14 果酱奶酪蛋糕
15 日式樱花蔓越莓大福
16 草莓蛋糕卷
17 卡仕达长崎杯子蛋糕