首页 > 其他 > 详细

computed methods watch

时间:2020-09-21 16:47:42      阅读:45      评论:0      收藏:0      [点我收藏+]
 计算属性:
            用法:必须返回一个值
            语法:
            computed: {
                // 计算属性的 getter
                reversedMessage: function () {
                // `this` 指向 vm 实例
                return this.message.split(‘‘).reverse().join(‘‘)
                }
            }
        computed vs methods:
            计算属性是依据它们的响应式依赖进行缓存的
            方法是重新渲染dom时执行的
            如果开销较大的计算,计算属性将其缓存,会减小开销

        computed vs watch
            结果相同:计算属性会进行缓存
        
        计算属性的getter和setter
            计算属性默认只有getter方法如果需要可以设置setter
            例如:
            computed:{
                num:{
                    get:function(){// 必须有返回值,用来获取属性
                        return this.num -1
                    },
                    set:function(val){ // 用来修改属性
                        this.num = 10
                    }
                }
            }

        侦听器:

        

computed methods watch

原文:https://www.cnblogs.com/xu3241/p/13705147.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!