vue slot插槽

作用及作用域

如果一个组件内没有包含一个元素,那么该组件标签开始和结束之间的任何内容会被抛弃;
父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。

用法

如果想插入多个不同的slot到指定的位置,可以为每个插槽指定一个名字,如下所示:

注:一个不带 name 的 出口会带有隐含的名字“default”。
然后使用v-slot指令,可以具体内容插入到指定的插槽,如下所示:


  

  

A paragraph for the main content.

And another one.

而没有带v-slot指令的内容会被插入到默认的位置,即default的位置。
注意 v-slot 只能添加在