笔记总结1(computed计算属性)

2020-11-16  本文已影响0人  布呐呐aa

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发生改变则调用这里
        }
    }
});
上一篇下一篇

猜你喜欢

热点阅读