vue3的watch属性

观察ref定义的一个属性

watch (
    () => userList, 
    (newValue, oldValue) => {
        console.log(newValue);
    },
    {
        deep: true
    })

观察ref定义的多个属性

watch(
      [userList, inputVal],
      (newValue, oldValue) => {
        console.log(newValue);
      },
      { deep: true }
    );

 观察reactive定义的一个属性

watch (
    () => user.name, 
    (newValue, oldValue) => {
        console.log(newValue);
    },
    {
        deep: true
    })

观察reactive定义的多个属性

watch(
      [() => user.name, () => user.age],
      (newValue, oldValue) => {
        console.log(newValue);
      }
    );