Vue中的计算属性和属性侦听怎么实现
导读：本文共1849字符，通常情况下阅读需要6分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：！...//写法1.传入watch配置侦听ishot属性watch:{isHot:{immediate:true,//初始化时让handler调用一下//handler什么时候调用？当isHot发生改变时。handler(newValue,oldValue){console.log('isHot被修改了',newValue,oldValue)}}}})//写... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
！
//handler什么时候调用？当isHot发生改变时。
深度监视：
1）Vue中的watch默认不监测对象内部值的改变（一层）。
2）配置deep:true可以监测对象内部值改变（多层）。
备注：
1）Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以！
2）使用watch时根据数据的具体结构，决定是否采用深度监视。
监视属性-简写
当监视属性中只有handler()而不需要开启其他配置项时才能简写
computed和watch之间的区别
computed能完成的功能，watch都可以完成。
watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作。
两个重要的小原则
所有被Vue管理的函数，最好写成普通函数，这样this的指向才是vm 或 组件实例对象。
所有不被Vue所管理的函数（定时器的回调函数、ajax的回调函数等、Promise的回调函数），最好写成箭头函数，这样this的指向才是vm 或 组件实例对象。
本文：
Vue中的计算属性和属性侦听怎么实现的详细内容，希望对您有所帮助，信息来源于网络。