2-6 vue 匿名插槽-slot

匿名插槽-slot

Slot插槽 —— 实现内容分发

  • 什么是slot?

    • slot的意思是插槽,其目的在于让组件的可扩展性更强。
    • 打个比方说:假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的。
  • 匿名solt

    • 下面这个示例是一个匿名slot,它只能表示一个插槽:


![](images/pic1.jpeg)

测试内容

结合上述案例,我们再进一步来了解:比如我们定制了一个button组件,在根组件里注册为vButton,从而复用。那么各个button上的文字肯定是不同的,但是这些文字大部分情况下也是不需要动态更新的,那么就不必用props之类的方法从根组件向子组件传递文字,直接用slot即可。

你可能感兴趣的:(2-6 vue 匿名插槽-slot)