码迷,mamicode.com
首页 > 其他好文 > 详细

vue slot插槽

时间:2019-11-26 20:03:53      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:layout   HERE   header   默认   一个   插入   foo   use   another   

如果一个组件内没有包含一个元素,那么该组件标签开始和结束之间的任何内容会被抛弃;
父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。
如果想插入多个不同的slot到指定的位置,可以为每个插槽指定一个名字:如下所示












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

A paragraph for the main content.


And another one.



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