solt 也就是插槽,通俗的讲也是和div,span,p等类似的html标签,只是solt是子组件中的html标签。它显示不显示完全是由父组件决定的,

但是显示的位置是由子组件自己决定的。插槽主要分为三大类:匿名插槽,具名插槽,作用域插槽。下面分别讲解。

1.具名插槽

  子组件

vue solt 属性浅析

父组件

vue solt 属性浅析

运行结果

vue solt 属性浅析

2.匿名插槽

子组件

vue solt 属性浅析

父组件

vue solt 属性浅析

运行结果

vue solt 属性浅析

3.作用域组件

作用域插槽要求,在slot上面绑定数据

子组件

vue solt 属性浅析

父组件

vue solt 属性浅析

运行结果:li标签展示展示data数组里的每一个名字

 

相关文章: