VUE----插槽的基本了解和使用

 基本概念:插槽就是子组件中的提供给父组件使用的一个占位符  

 1.插槽的基本使用


    
沉默是金 倩女幽魂

运行如下图 

VUE----插槽的基本了解和使用_第1张图片

2. 具名插槽  

    v-slot写法只能作用于容器中,标签是会报错的,组件位置可以随意摆放


    

当爱已成往事

张国荣

 运行如下图 

VUE----插槽的基本了解和使用_第2张图片

3.作用域插槽 

   当父组件需要对子组件的内容做处理的时候会使用到作用域插槽 ,多个作用域插槽需要v-slot:info="**" 



    

运行如下图

 

你可能感兴趣的:(VUE学习,vue)