怎么在watch监听开始之后立即被调用？

选项：immediate

在选项参数中指定 immediate: true 将立即以表达式的当前值触发回调：

let vm = new Vue({
  el: "#root",
  data: { msg: 'HelloVue' },
  watch: {
    msg: {
      handler(nv, ov) {
        console.log(nv);
      },
      immediate: true // 立即调用
    }
  }
})

watch怎么深度监听对象变化？

选项：deep

为了发现对象内部值的变化，可以在选项参数中指定 deep: true。注意监听数组的变更不需要这么做。

let vm = new Vue({
  el: "#root",
  data: { msg: { name: 'Test' } },
  watch: {

    msg: {
      handler(nv, ov) {
        console.log(nv);
      },
      immediate: true,
      deep: true // 可监听到对象内部值的变化
    }
  }
})