Vue中的watch的深度监听

 watch的深度监听，可以监听对象的属性值的变化

deep: true,deep的属性值是true，表示深度监听，如果修改为false，不再进行深度监听。

 immediate: true,immediate的属性值 true,表示当handler函数体的值第一次绑定后就执行一次，而将immediate的属性值 修改为false,只有当监听对象的值发生变化，才会执行handler函数体的代码。

 

<div id="app">

        <input type="text" v-model="obj1.num"><br><br>

        <input type="text" v-model="obj2.num">

    </div>

    <script src="./node_modules/vue/dist/vue.js"></script>

    <script>

        var vm = new Vue({

            el: '#app',

            data: {

                obj1: {

                    num: 19,

                },

                obj2: {}

            },

            watch: {

                obj1: {

                    deep: true,

                    immediate: true,

                    handler(newValue, oldValue) {

                        this.obj2 = newValue

                    },

                }

            },

        })

    </script>