,虽然使用上是简单了,但是插槽有些不是很好理解,不是很直观
它是让父组件可以向子组件指定位置处插入一html结构,自由灵活,也是组件间的一种通信方式
形式上有,默认插槽,具名插槽还有作用域插槽
大家在使用...element-ui表格的时候,虽然都知道怎么用,表头,以及内容模板的渲染,就使用了插槽,但是往往是很迷糊的
因为被抽象了的
今天就一起来学习下,学完之后,在看element-ui表格的时候,希望能给你带来一些启发...插槽中的“槽”就是在组件中的元素,当没有元素的时候,就不渲染组件标签中的内容
当是默认插槽时,我们可以使用template标签给包裹起来的,并且在上面添加...,那么默认插槽就无法办到了
顾名思义,具名插槽,就是给插槽定义一个名字,让每个不通的模板对应着不通的名字
我们给在父组件内的插入的模板属性上添加v-slot:插槽名字,而在子组件内通过添加name属性<...如果你理解js中的作用域链和Es6中的块级作用域,那么对于衔接作用域插槽,可能会好些
有时,让插槽内容能够访问子组件中才有的数据,是很有用的
插槽中内容的流动方向是从组件标签传到组件内部
而作用域插槽则让作用域反向流动