vue__具名插槽

Posted 2020-12-12 cl1998

1. 先创建一父组件 redact.vue
2. 再创建一个 子组件 userRedact.vue
3. 在 父组件里 引入 子组件 , 并且给 子组件传 值:
   
   
4. 子组件 渲染 父组件 传来的 solot = "right"
   
5. 只要 父组件中 使用  slot = "right",  所有的内容都被 渲染到 子组件的 slot    name : right的位置
   
   这里使用了  父组件 给 子组件传值 :
      5.1 一般请情况下 子组件接受 父组件的值  使用的是  props:[‘left‘]
           但是由于有些标签的类型不一样: 如 a, img, 又想接受父组件传来的值
      5.2 这时候就要使用  具名插槽的方式 传 值