slot 作用域插槽
旧: slot-scope
1、在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind(双向绑定) 绑定在 slot标签上
<slot name="test" :num="num"></slot>
2、在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据
<template slot="test" slot-scope="slotProp">
3、通过 slotProp.xxx 就可以进行使用了
<p>{
{slotProp.num}}</p>
新: v-slot
不同的是第二步,其他同上
2、在组件使用时,通过v-slot:test = "slotProp"来绑定并接收slot标签身上绑定的数据
<template v-slot:test = "slotProp">
属性验证
- props: [ ‘msg’ ] 没有进行验证,知识单纯的接收了一个父组件传递来的数据
- props: {key: Type } 进行普通属性验证
- key: { type