slot多作用域 vue_vue组件化中slot的用法

slot可以在子组件中开启插槽，在父组件引用该组建时，可以定义这个插槽内要展现的功能或模块

1.单个slot

子组件中在相应位置写slot标签，父组件在引用子组件时，在子组件标签内写要插入插槽的元素；

还可以设置slot在父组件没有设置插槽时，子组件的插槽默认显示内容；

父组件.vue

这是父组件的slot替代内容！

​

import childComponment from '@/components/childComponment.vue'

export default {

name: "home",

components:{

childComponment

},

data(){

return {

message: ''

}

}

};

​

复制代码

子组件childComponment.vue

这是子组件childComponment!

如果父组件没有插入内容，我这样可以设置默认的显示内容

​

export default {

name: "childComponment",

data(){