vue基础 - sync

官文

https://cn.vuejs.org/v2/guide/components.html

实例

父组件

<test :items.sync="data1"></test>
等同
<test :items="data1" @update:items="val => data1 = val"></test>

这两种写法都可以

子组件

    watch: {
      items(val) {
        this.tableData = val
      },
      tableData(val) {
        this.$emit('update:items', val)
      }
    },
    computed: {
    },
    data() {
      return {
        tableData: [],

首先用一个的 data 对象来接受 prop 传值

然后监控这个 data 变化，一旦变化 emit 到父组件更新