父组件代码

父组件代码

子组件1
声明的myslot组件里面的内容会加载到子组件的slot属性中。 如图一

图一

子组件2
父组件中会向子组件中具名传递对应的模板内容,子组件需要定义名称name,没有声明name,默认是default .
v-slot可缩写为#
效果如图2

图2

子组件3
子组件定义v-bind用于传值给父组件,父组件接收需要定义v-slot:default="value",也可缩写为v-slot="value",注意缩写是在子组件上,没有缩写的在子组件内的template属性上。
附带学习地址:插槽slot