关于VUE中的插槽
近期自己看了诸多文章,总结了一下插槽的作用。
由于插槽是一块模板,所以,对于任何一个组件,从模板种类的角度来分,其实都可以分为非插槽模板和插槽模板两大类。
非插槽模板指的是html模板,指的是‘div、span、ul、table’这些,非插槽模板的显示与隐藏以及怎样显示由插件自身控制;插槽模板是slot,它是一个空壳子,因为它显示与隐藏以及最后用什么样的html模板显示由父组件控制。但是插槽显示的位置确由子组件自身决定,slot写在组件template的哪块,父组件传过来的模板将来就显示在哪块。
整体来说插槽分为匿名插槽(也就是默认插槽,在一个组件中只能使用一次)、具名插槽(弥补了前面匿名插槽只能使用一次的弊端,相对而言则需要对插槽进行命名)、作用域插槽(相比前面两种插槽,该插槽所需要的模板以及内容均在slot中绑定数据来实现,而前面两种则是父组件为子组件提供的模板以及内容)。

浙公网安备 33010602011771号