栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

【Vue】计算属性 与 监视属性

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

【Vue】计算属性 与 监视属性

计算属性

        要用的属性不存在,要用已有的属性计算得来

        借助了Object.defineProperty方法提供的setter与getter

        与methods实现相比,内部有缓存机制,效率更高,调试方便

    
        姓: 
名:
全名: {{fullname}}
监视属性

        当被监听的属性发生改变时,回调函数自动调用

  • handler(newValue, oldValue)   当其属性改变时触发
  • immediate:true       初始化时,让handler调用一下
  • deep:true                监测对象内部值改变(多层)

         vue中的watch默认不监视对象值内部的变化(一层)

深度监视
    
        今天的天气很{{info}}
        
    
    
简写

        当不使用immediate、deep方法时,函数当作handler方法写

watch:{
    isHot(){
        ....
    }
}
vm.$watch("isHot", function(){
    ...
})
计算属性与监听属性的区别

    1.computed能完成的功能,watch都可以完成

    2.watch能完成的功能,computed不一定能完成,例如:watch可以进行异步操作
 

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/1003883.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号