vue 2.6以上 v-slot的改变为你带来更加明确的代码

转自vue官方文档
https://cn.vuejs.org/v2/guide/components-slots.html#作用域插槽

前文

v-slot 的出现让 slot这个插槽变得更加明确，本人认为这个插槽使用起来更加明确且简单
尤其是缩写的出现， << # >>

作用域插槽

自 2.6.0 起有所更新。已废弃的使用 slot-scope 特性的语法在这里。

有时让插槽内容能够访问子组件中才有的数据是很有用的。例如，设想一个带有如下模板的 组件：

<span>
  <slot>{
  { user.lastName }}</slot>
</span>

我们想让它的后备内容显示用户的名，以取代正常情况下用户的姓，如下：

<current-user>
  {
  { user.firstName }}
</current-user>

然而上述代码不会正常工作，因为只有 组件可以访问到 user 而我们提供的内容是在父级渲染的。

为了让 user 在父级的插槽内容可用，我们可以将 user 作为一个 元素的特性绑定上去：

<span>
  <slot v-bind:us