前言从Vue1.0升级到Vue2.0后,有很多变化。今天我们来讨论一下props不同步后的解决方法。从官方的角度来看,为了规范数据流,.sync被砍掉了。目的很明显,防止子组件影响父组件的数据。但是很多时候还是需要双向绑定的,比如表单组件。所以可以对表单组件使用v-model来实现双向绑定,对应的prop为value,由父组件修改父组件,重新传给子组件,实现双向绑定的效果。如果强行修改prop属性的值,Vue会报错一步。定义一个变量(假设为:currentValue,默认值为false)进行修改。在道具中定义价值。设置watcher监听value的变化,将value的值赋给currentValue。要监视currentValue变化,请在回调中写入this.$emit('input',val)。由此,可以在父元素上使用v-model进行双向绑定~贴下示例代码:exportdefault{props:{value:{type:Boolean,default:false}},data(){return{当前值:假}},方法:{},组件:{'mt-popup':Popup},安装:函数(){},计算:{},观察:{值:函数(val){this.currentValue=val},currentValue:function(val){这个。$emit('输入',val)}}}
