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

问题描述

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

我的代码是：

孩子

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

父母

 <div @title="onTitleChange" />

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

我想看到这样的东西：

孩子

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

父母

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

解决方法

您可以使用$event访问发出的事件的值。因此，对您父母的更改很小。

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

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