Vue中computed和watch有何区别?

1、在功能上:computed用于计算属性,watch用于监听一个值是否变化,并执行相应的回调函数;

2、在是否缓存上:如果computed所依赖的数据没有发生变化,则直接从缓存中读取,而不会再次执行computed,watch则在监听的值变化时每次都会运行;

3、computed必须return一个结果,而watch不用;

4、第一次加载时computed就开始监听,而watch默认第一次加载时不监听,如果需要第一次加载就监听,需要添加immediate:true;

5、使用场景:computed用于多个数据影响一个数据的场景,比如购物车结算;watch用于一个数据影响多个数据的场景,比如搜索框。

你可能感兴趣的:(vue.js,前端,javascript)