前言
Vue中的插槽是一个非常强大的功能,在复用组件模块的时候,针对相似的结构,拥有不通的内容时,使用插槽就非常方便,一定程度上可以减少在模板中使用大量的逻辑判断,控制显示不通的内容
同时,也可以让代码组织结构更加清晰...这句话不是很好理解,换句话说,也就是,可以充当元素标签的占位符,可以代替在父组件引用的组件内的html标签内容
http://mpvideo.qpic.cn/0bc3omaakaaawmapald4zrrfa46davzqabia.f10002...插槽中的“槽”就是在组件中的元素,当没有元素的时候,就不渲染组件标签中的内容
当是默认插槽时,我们可以使用template标签给包裹起来的,并且在上面添加...vue2.6.0以下的版本不能混写,注意,这种废弃的语法,在vue3.0中不会出现了的
所以还是用最新的写法吧,但是一些老的vue2.0项目,旧版本的写法,要看的懂的
以上就是默认插槽,具名插槽,作用域插槽的使用...
总结
以上本节的内容,插槽是一个非常强大的功能,默认插槽在子组件内部使用进行占位,而在父组件内,使用html标签,或者组件