vue组件插槽,自定义指令和$ref的使用

插槽slot使用

插槽作用：父组件传递结构给 子组件

插槽使用2个步骤

第一步：在子组件中定义一个插槽 默认值：如果父组件没有传递则默认显示

第二步：在父组件中传递结构: <子组件>父组件需要传递的结构

子组件







父组件

注意

1. 插槽的作用是什么让父组件传递什么到子组件中?

   html结构

2. 插槽的默认值写哪里?

   默认值

具名插槽

具名插槽作用： 父组件 传递多个html结构 给子组件

具名插槽语法如下

1.给子组件的添加name属性 ： name="插槽名"

2.父组件使用v-slot:插槽名 : 给指定的插槽传递结构

• 注意：这个v-slot指令必须要写在