vue3的 watch

两个例子中，主要区别在于监视的对象不同 

watch(

    tablelist.value,

    () => {

        console.log(tablelist.value, "tablelist");

    },

    { deep: true },

);

 watch 监视的是 tablelist.value 的值。也就是说，当 tablelist.value 发生变化时，回调函数会被触发执行。这种情况适用于监视具体的对象或值。

watch(

  () =>  tablelist.value,

    () => {

        console.log(tablelist.value, "tablelist");

    },

    { deep: true },

);

 

watch 监视的是一个函数，这个函数返回 tablelist.value 的值。这意味着，每当这个函数返回的值发生变化时，回调函数会被触发执行。这种情况适用于监视一个函数返回值的变化，而不是直接监视一个变量或对象。