zoukankan      html  css  js  c++  java
  • computed methods watch

     
     计算属性:
                用法:必须返回一个值
                语法:
                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
                        }
                    }
                }
            
  • 相关阅读:
    实现一个WEBIM
    拼写纠错
    UML系列图用例图
    [bzoj1670][Usaco2006 Oct]Building the Moat
    [bzoj3626][LNOI2014]LCA
    转:用JS写的一个树型结构
    一个购物车中修改商品数量的实列
    网站访问统计在Global.asax中的配置的深入讨论
    转:JavaScript中的三级联动
    转:用Sql Server存储上载图片字体
  • 原文地址:https://www.cnblogs.com/xu3241/p/13705147.html
Copyright © 2011-2022 走看看