Vue中通过作用域插槽+插件封装组件

创建组件.vue文件
在template中添加插槽标签并导出组件

<template>
	<span>内容</span>
	<slot />
</template>

<script>
	export defalut{
	name:组件名
	}
</script>

创建plugin.js插件js文件

引入插件文件，创建install属性

import 组件名 from '@/components/xxx.vue'

export default {
    //执行时，参数接收Vue实例
    install(Vue){
        //扩展vue全局组件，全局过滤器，原型方法
        Vue.component(组件名.name,组件名)
    }
}

在main.js中引入pugin文件

impor plugin from ‘@/component/plugin.js’

在main.js使用封装的插件

Vue.use(plugin)

完成后可以在任意页面中直接通过插槽传值使用组件