学习Vue之旅:Day2——插槽

 

目录

一、插槽内容

 二、编译作用域

三、后备内容

四、具名插槽

五、作用域插槽

独占默认插槽的缩写语法

解构插槽 Prop


一、插槽内容

 官网的意思大概是:

学习Vue之旅:Day2——插槽_第1张图片

 如果  的 template 中没有包含一个  元素,则该组件起始标签和结束标签之间的任何内容都会被抛弃。

意思就是:如果模板  没有插槽,模板就不能被填充东西。

学习Vue之旅:Day2——插槽_第2张图片

 

 

 二、编译作用域

父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。

父组件拿不到子组件的数据,但如果子组件props自己的数据,则可以被访问到。

 

三、后备内容

学习Vue之旅:Day2——插槽_第3张图片

 

 

四、具名插槽

有时我们需要多个插槽, 元素有一个特殊的 attribute:name这个 attribute 可以用来定义额外的插槽。

一个不带 name 的  出口会带有隐含的名字“default”。

注意 v-slot 只能添加在