美文网首页
vue基础 - sync

vue基础 - sync

作者: 会煮咖啡的猫咪 | 来源:发表于2018-03-01 14:23 被阅读8次

官文

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

相关文章

网友评论

      本文标题:vue基础 - sync

      本文链接:https://www.haomeiwen.com/subject/luvgxftx.html