插槽Slots和组件定制化

在某些场景中,我们可能想要为子组件传递一些模板片段,让子组件在它们的组件中渲染这些片段,我们可以用插槽为他们设置共享的样式,而里面的数据不同。

我们在创建组件时使用Slots来为页面的输入提供插槽,这时我们就可以在页面中的我们创建的这个组件直接写样式文件来在页面中插入。

使用多个Solt时在页面上会重复,所以我们使用具名插槽顾名思义就是为 Solt 设置一个 name 来让

solt有区别,在页面的组件中用template再用v-slot:name  (name里面放在组件中写的名字) ,

可以用#来代替v-slot。再在后面加在插槽中写样式

猜你喜欢

转载自blog.csdn.net/ming_xiang/article/details/142032929