vue 组件中solt 插槽使用

官方教程: https://cn.vuejs.org/v2/guide/

vue slot 插槽使用

如果现在事先模板中不知道需要什么内容,需要在使用时传递
就可以使用插槽with来实现,这种效果! 类似ThinkPHP中的模板继承
block 标签的功能

匿名插槽

顾名思义就是没有名字的插槽, 匿名插槽只能有一个




    
    vue study
    



这是使用了插槽,如果没有插槽,这里的内容不会显示

实名插槽

实名插槽可以有多个,在使用时必须使用name属性来标识




    
    vue study
    



这是在使用时传入的内容...

插槽可以设置默认值,定义了不使用就会使用默认值,
如果没有名字的标签的标签默认会放到default(即匿名插槽)

你可能感兴趣的:(vue 组件中solt 插槽使用)