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 夜雨祝福语简短10字
16 蛋糕祝福语简短闺蜜
17 部门过年祝福语简短独特
18 简短精炼的结婚祝福语