1.由于methods方法在更新與渲染的時(shí)候會重新加載一遍赡盘,因此非常消耗性能陨享。
2.computed 則不同 它會生成一個緩存 當(dāng)里面方法和屬性改變的時(shí)候會對比緩存與實(shí)際的頁面钝腺,只調(diào)用發(fā)生改變的部分,其他部分不動艳狐,因此在搜索與計(jì)算時(shí)能更好的節(jié)省性能。
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發(fā)生改變則調(diào)用這里
},
addB: function () {
//console.log('2');
return this.b + this.age;//若b或age發(fā)生改變則調(diào)用這里
}
}
});