什么是插槽
在子组件中用<slot></slot>划出一块区域来显示父组件中的页面结构,显示的结构在父组件的子组件标签中设置就行)
插槽怎么显示数据
显示的结构在父组件的子组件标签中设置就行
插槽分为几种
默认插槽 具名插槽 作用域插槽
作用域插槽怎么用
在子组件<slot></slot>通过v-bind绑定一个属性,挂载变量
<slot name="content" v-bind:us="user"></slot>
在父组件中子组件标签上通过v-slot:插槽名=“变量”来接受数据
具名插槽怎么使用
使用v-slot
指令来指定该部分要渲染的插槽的名字,这样就可以将三部分内容渲染到相应的位置了。不带name的插槽,会有一个默认的名字default
。如果想要更明确一些,可以将它的name设置为default: