vue的v-slot指令使用总结

父组件代码: 






子组件代码

 

实现效果

vue的v-slot指令使用总结_第1张图片

在父组件定义v-slot插槽,可以将父组件定义的模块渲染到子组件,如果父组件需要去展示一些数据需要在父组件的data中写入属性的数据,但是属性名必须与v-slot中的名称相同

以下是在原有基础上修改的代码:

 

  
  
      
    

 

data() {
    return {
      a:{
        name:'123',
      }
    }
  },

 

你可能感兴趣的:(前端)