slot>标签就是插槽,代替了在父组件内的默认内容
如果你在父组件的自定义标签内,插入了html模板,在子组件没有使用slot,那么父组件内插入的标签内容是不会被插入进去的...插槽中的“槽”就是在组件中的元素,当没有元素的时候,就不渲染组件标签中的内容
当是默认插槽时,我们可以使用template标签给包裹起来的,并且在上面添加...没有定义名称的内容会被默认插槽统一渲染
默认插槽其实也是一个具名插槽,名称为default
父组件内插槽内容可以是模板html标签元素,也可以是组件
注意
这个v-slot只能用在template标签上...,具名插槽,作用域插槽有些难以理解
如果你理解js中的作用域链和Es6中的块级作用域,那么对于衔接作用域插槽,可能会好些
有时,让插槽内容能够访问子组件中才有的数据,是很有用的
插槽中内容的流动方向是从组件标签传到组件内部...vue2.6.0以下的版本不能混写,注意,这种废弃的语法,在vue3.0中不会出现了的
所以还是用最新的写法吧,但是一些老的vue2.0项目,旧版本的写法,要看的懂的
以上就是默认插槽,具名插槽,作用域插槽的使用