【翻译】Vue RFCs 0001-new-slot-syntax

  • 原文地址:https://github.com/vuejs/rfcs/blob/master/active-rfcs/0001-new-slot-syntax.md
  • 作者:yyx990803, galchenkov,vaaski
  • Git Commit:f38a8f2

以下为原文翻译


  • 开始时间: 2019-01-14
  • 目标主版本: 2.x & 3.x
  • 相关Issues: https://github.com/vuejs/vue/issues/7740, https://github.com/vuejs/vue/issues/9180, https://github.com/vuejs/vue/issues/9306
  • 实现 PR:

综述

引入一个新的作用域插槽语法:

  • 新的指令v-slot使用同一个指令语法统一了slotslot-scope的语法。

  • v-slot的简化写法可以同时统一有作用域的插槽和普通插槽。

基本示例

使用v-slot来声明传入作用域插槽的属性。



  {{ msg }}




  

动机

在我们最初引入作用域插槽时,代码因为总是需要使用