从vue1.0晋级至2.0以后 prop的.sync被去除 因而直接在子组件修正父组件的值是会报错的 目标是为了阻挠子组件影响父组件的数据
那末在vue2.0以后 如安在子组件修正父组件props传过来的值呢?
思绪是经由过程子组件$emit发射一个要领
$emit('increment',val);
在父组件运用子组件的处所用v-on绑定这个自定义事宜
<button-counter v-on:increment="incrementTotal"></button-counter>
然后在父组件定义这个要领
methods:{
incrementTotal(val) {
this.val = val;
}
}
虽然这类体式格局能够修正父组件数据,然则官方是不引荐在组件内修正经由过程props传入的父组件数据,而是引荐运用vuex