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 送给学长毕业祝福语简短