美文网首页
笔记总结1(computed计算属性)

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

作者: 布呐呐aa | 来源:发表于2020-11-16 13:52 被阅读0次

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

    相关文章

      网友评论

          本文标题:笔记总结1(computed计算属性)

          本文链接:https://www.haomeiwen.com/subject/uqoabktx.html