Vue 父组件向子组件传递数据，子组件也需要向父组件传递数据，比如：数组

Vue 父组件向子组件传递数据，子组件也需要向父组件传递数据，比如：数组

子组件使用 computed 来获取 prop 值

比如 prop:data 传递的是 数组 data
子组件这样获取 prop 值

computed: {
    dataLocal(){
        return this.data    
    }
}

当子组件修改了这个 data 并且需要重新传给 父组件时

就需要使用 $emit 方法调用方法，把值传给父组件

// tempData:修改好的数组数据
this.$emit('setData', [...tempData]) // 直接赋值是不管用的，用 [...Arary] 就可以了，具体去查 ES6 

可以直接使用 v-model

在子组件中定义好 prop

props: {
    data: {type: Array}
}

并定义 model 规则

model: {
    prop: 'data', // 绑定是 prop 'data' 的值
    event: 'setData' // $emit 的时候使用的是 ‘setData’ 这个事件名
}

这样，父组件就可以直接在调用 子组件的时候使用

<child v-model='dataFather'/>