computed和watch区别是什么?

功能上:computed是计算属性;watch是监听一个值的变化,然后执行相应的回调

computed中函数所依赖的数据没有发生变化,就会从缓存中调取;watch每当监听的数据变化时就会执行回调

computed必须要有return返回值;watch可以没有

computed默认第一次加载的时候就监听;watch第一次加载时不监听,如果需要加上immediate:true

应用:computed当一条属性受多条属性影响时;watch当一个数据影响多条数据时

 

 

computed支持缓存,相依赖的数据发生改变才会重新计算;watch不支持缓存,只要监听的数据变化就会触发相应操作

computed不支持异步,当computed内有异步操作时是无法监听数据变化的;watch支持异步操作

computed属性的属性值是一函数,函数返回值为属性的属性值,computed中每个属性都可以设置set与get方法。watch监听的数据必须是data中声明过或父组件传递过来的props中的数据,当数据变化时,触发监听器

 

posted @ 2022-09-23 10:07  天青色等烟雨灬  阅读(65)  评论(0)    收藏  举报