vue自定义插件(全局组件),以及向插件传值

1 编写子组件
vue自定义插件(全局组件),以及向插件传值_第1张图片
load.vue内容




Tree.vue内容:




index.js内容

import LoadComponent from './Load.vue';
import TreeComponent from './Tree.vue';

const Load={
    install:function (Vue) {
        Vue.component('Load',LoadComponent);
        Vue.component('Tree',TreeComponent);
    }
}
export default Load

2 在main.js中引入插件
vue自定义插件(全局组件),以及向插件传值_第2张图片
3 在父组件中使用
vue自定义插件(全局组件),以及向插件传值_第3张图片

你可能感兴趣的:(vue)