将发射值分配给数据的更短方法

Question

我将我的简单数据从 child 传递到 parent，我只是想知道我是否可以省略创建将此值分配给数据的方法？我希望能够直接在模板中分配它。

我的代码是：

Child

<h1 @click="$emit('title', 'Home')" />

Parent

 <div @title="onTitleChange" />

onTitleChange(newTitle) {
  this.title = newTitle;
}

我希望看到这样的内容：

Child

<h1 @click="$emit('title', 'Home')" />

Parent

<div @title="title = value" />

Answer 1

您可以使用 $event 访问发出的事件的值。所以，只需对您的 parent.

做一个小改动

<div @title="title = $event" />

参考： https://vuejs.org/v2/guide/components.html#Emitting-a-Value-With-an-Event

Shorter way to assign emitted value to data