wap网站制作软件,北京建设局网站,世界500强企业排名第一,嘉兴网站制作报价计算属性 computed
侦听器or观察者 watch
一直以来对computed和watch一知半解#xff0c;用的时候就迷迷糊糊的#xff0c;今天仔细看了看文档#xff0c;突然茅塞顿开#xff0c;原来就是这么简单啊#xff1a; computed#xff0c;通过别人改变自己watch#xff0c;…计算属性 computed
侦听器or观察者 watch
一直以来对computed和watch一知半解用的时候就迷迷糊糊的今天仔细看了看文档突然茅塞顿开原来就是这么简单啊
computed通过别人改变自己watch通过自己改变别人 需要注意的是computed会缓存数据只有在满足以下两个条件时才会重新计算
1、存在依赖型数据即存在于VUE的data等对象的实下的实例数据2、依赖型数据发生改变 如果不满足以上两个条件computed不会重新计算只会拿缓存的数据。而watch只要调用他他就会执行。
注意computed会缓存数据所以进行开销较大的操作时不适合用它。非依赖型数据发生改变时这是使用methods方法即可。
computed也可以通过自己改变别人
computed默认只有 getter 不过在需要时也可以提供一个 setter
computed: {fullName: {// getterget: function () {return this.firstName this.lastName},// setterset: function (newValue) {var names newValue.split( )this.firstName names[0]this.lastName names[names.length - 1]}}}
然后运行 vm.fullName John Doe 时setter 会被调用vm.firstName 和 vm.lastName 也会相应地被更新。
什么时候使用
computed
1、其他依赖型数据发生改变自身也要改变的时候2、自身改变了想要改变其他数据的时候这时需要添加setter watch
1、自身改变时改变其他数据2、当需要在数据变化时执行异步或开销较大的操作时 原文地址https://segmentfault.com/a/1190000012610140
更多专业前端知识请上
【猿2048】www.mk2048.com
