Vuejs 将数据从 child 分派到 parent 而无需将其放入数组中

Vuejs dispatch data from child to parent without placing it into an array

我正在尝试获取从 child 组件分派的数据并将其传递到 parent 组件,但到目前为止我只能找到一个这样的例子推入一个数组。

在 child 我有一个这样设置的方法

  methods: { 
   savePost: function() {
     this.$dispatch('child-data', this.childData)
     this.childData = ''
   }
  }

并且 parent 设置为抓取它并将其放入数组中

data: {
 childSelect: [],
}
events: {
 'child-data' : function (childData) {
  this.childSelect.push(childData)
}

所以我知道这只是将 childs 数据推入一个数组,但我正在寻找一种方法来设置 data:{ childSelect: ''} 并从事件替换 childSelect每次更新。

我看过文档中的示例,但我对此还是个新手,所以我不确定如何调整我发现的内容以适应此 child -> parent 互动。

我希望这是有道理的 -_- !

不太确定你在找什么。也许是这样的?

events: {
    'child-data' : function (childData) {
        this.childSelect = childData;
    }
}