watch深度監聽

在監聽復雜數據類型的時候，不能像之前監聽普通數據那樣寫，我們需要使用深度監聽

    <div id="app">
      <input type="text" v-model="user.name">
    </div>
    <script>
      var vm = new Vue({
        el: '#app',
        data: {
          user: {
            name: 'jack'
          }
        },
        watch: {
           //不能使用監聽普通數據的寫法
          // user(newVal, oldVal) {
          //   console.log(newVal)
          // }
          user: {
            // 表示對象中屬性變化的處理函數，這個函數只能叫這個名字
            handler(newVal) {
              console.log(newVal);
            },
            immediate: true,
            deep: true // 表示開啟深度監聽
          }
        }
      })
    </script>