1.由于methods方法在更新与渲染的时候会重新加载一遍,因此非常消耗性能。
2.computed 则不同 它会生成一个缓存 当里面方法和属性改变的时候会对比缓存与实际的页面,只调用发生改变的部分,其他部分不动,因此在搜索与计算时能更好的节省性能。
html
{{addA}}
{{addB}}
js
new Vue({
el: "#vue_app",
data: {
a: 0,
b: 0,
age:10
},
methods: {
},
computed: {
addA: function () {
//console.log('1');
return this.a + this.age;//若a或age发生改变则调用这里
},
addB: function () {
//console.log('2');
return this.b + this.age;//若b或age发生改变则调用这里
}
}
});
网友评论