vue插槽--插槽的基本使用(一)

1. 为什么要使用插槽呢?

  插槽就类似于我们的手机usb接口,给我们提供扩展,Vue中的插槽也是如此,通常是用于组件中,可以让封装的组件更加具有扩展性,同时可以让使用者决定组件内部内容的展示。既然是用在组件中,那要如何封装组件呢?有两点:1.将共性抽取到组件,不同为插槽;2.预留了插槽就可以让使用者根据自己的需求决定插槽中插入的内容。

2. 基本使用:1.在组件中加入slot标签;2.如果要给插槽默认值,可将默认值放入slot标签中;3.若是有多个值同时放入到组件进行替换,将会一起作为替换元素。

 

posted @ 2022-09-15 09:42  jxweber  阅读(93)  评论(0)    收藏  举报