vue 父组件动态传值至子组件 除了深度监听 还可以实现的方法 进行数据监听 XX.sync 

数据每次变化就初始化一次子组件,进行调取达到传递动态数据的目的
普通的监听:

watch:{
  data: function(newValue,oldValue){
        doSomeThing();
    }
}

如果你要传递的不是单条数据,而是一个对象,可以使用同类深度监听

记住,一定不要忘记咱们的主角deep,深度监听deep的值要设为true哦

watch:{
    'data':{
	handler:function(newValue,oldValue){
	    doSomeThing();
	},
	deep:true
    }
}  

若是监听数组,数组内有任何值发生变化,都会成功触发被监听的数组对象内的函数 doSomeThing();

此时你可以在函数doSomeThing中执行你想执行的事件

当然,如果你的深度监听像我的一样,只是为了方便父组件给子组件传值,那么有另外一个方法可以实现这个功能,且简单

XX.sync 

vue 父组件动态传值至子组件 除了深度监听 还可以实现的方法
进行数据监听
XX.sync 

确实简单易用

同样是从父组件传值给子组件,深度监听的方法是通过监听到数值的变化,从而调用子组件的方法,把最新的数值传过去

而.sync  则是将数据进行双向绑定

<div>
    <child :data.sync="datalist"></child>    
</div>

  只要在data的后面加上.sync就可以实现动态数据传递了