watch 是vue 里非常有用的回调函数，监听数据变化，非常方便好用，但是，当监听的数据是个复杂型的数据里，里面的数据变化时普通的监听方式是监听不到的，必须使用深度监听： ...

这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要一开始就让他最初绑定的时候就执行改怎么办呢？我们需要修改一下我们的 watch 写法，修改过后的 watch 代码如下： watch: { firstName ...

vue watch对象可以监听数据，数据发生变化，处理函数 watch虽可以监听，但只是浅监听，只监听数据第一层或者第二层。比如对于整个对象的监听，需要用到深度监听 在单文件组件中： 设置 immediate 为true，将立即以表达式的当前值触发回调 ...

...

vue组件编译后，会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件的元素而不会污染全局，但如果你引用了第三方组件，默认只会对组件的最外层（div）加入这个 [data-v-xxxx] 属性，但第二层开始就没有效果了。导致子级的样式 ...

监听基本类型的都是浅度监听 watch的深度监听,监听复杂类型都是深度监听(funciton ,arrat ,object) ...

进行数据监听 数据每次变化就初始化一次子组件，进行调取达到传递动态数据的目的普通的监听： watch:{ data: function(newValue,oldValue){ doSomeThing(); } } 如果你要传递的不是单条数据，而是一个对象 ...

watch:{} 是一个对象，一定要当成对象来用，可监听数据，是vue中数据发生变化进行处理的函数， 它有三个选项 第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。第二个是deep：其值是true或false；确认是否深入监听。（一般监听时是不能监听到对象属性值的变化 ...