vue基礎 - sync

weixin_34050427發表於2018-03-01

官文

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 到父元件更新