插槽v-slot

116 阅读1分钟

插槽类似于占位符,配合组件使用

例子
<ChildComponent>   pppp  //只渲染slot组件内容,忽略ppp  </ChildComponent>但是在ChildComponent.vue中加一个占位符
<templet>
 // ...
<slot></slot>  pppp会渲染到这个位置
</templet>

默认情况下,使用组件的时候,提供的内容都会被填充到名字default的插槽之中

1. 如果要把内容填充到指定位置,需要用v-slot:name这个指令

2. v-slot不能直接用在元素上,必须用在template标签上

3. template这个标签,它是一个虚拟的标签,只起到包裹性质的作用,但是,不会被渲染为任何实质的html元素

4. v-slot 简写#

5. 作用域插槽

obj是一个形参,用scope更好理解。