文档中v-on:update:title="doc.title = $event"中$event是什么？

Question

vue文档中有这么一句

中$event是事件对象吗？doc.title是什么数据类型？不是字符串吗？为什么能接受一个对象?很晕。。。

Answer 1

有的时候用一个事件来抛出一个特定的值是非常有用的。例如我们可能想让 <blog-post> 组件决定它的文本要放大多少。这时可以使用 $emit 的第二个参数来提供这个值：

<button v-on:click="$emit('enlarge-text', 0.1)">
  Enlarge text
</button>

然后当在父级组件监听这个事件的时候，我们可以通过 $event 访问到被抛出的这个值：

<blog-post
  ...
  v-on:enlarge-text="postFontSize += $event"
></blog-post>

Answer 2

在vue的字符串模板中直接用$event是取$emit传递的第一个参数等同

@update:title="(newTitle) => doc.title = newTitle"

你可以看到上一句update:title传递出来的第一个参数是个字符串，所以这样写其实是没问题的，但文档这样写的确容易造成理解歧义