vue2/vue3中computed和watch的区别

总结：watch只要数据变动，就会监听执行；computed只有在页面调用这个监听方法，才会执行监听，否则不执行

1、computed，只有在页面调用的时候，才会监听数据变化

const data = computed(()=>{

  //如果页面没有嗲用data，就不会执行console.log

   console.log('需要监听的内容哦')

)

<div>{{data}}</div>

2、watch，只要数据变化，就会触发watch，console.log会随时打印

cost data = ref()

 watch( 

     () => data .value,

     () => {

    //只要数据一变化，console.log就会打印，意味着可以在这里面设置一些方法，可以随着数据变动随时调用

     console.log("测试的", data .value);

   }

);