VUE - install 方式插件的使用

VUE - install 方式插件的使用

 

 1. 创建 VUE 项目

vue create vueplug

 

项目初始化结构

 

 

2. 创建 modules 文件夹，用于存放自定义插件

3. 在 modules 中创建 插件文件：Cmponent.vue

<template>
  <div>组件</div>
</template>

<script>
export default {};
</script>

<style scoped>
</style>

 

 

4. 在 modules 中创建 插件文件：index.js

 在这个文件中使用install方法来全局注册该组件

import component from './Cmponent.vue';

const component = {
    install: function (Vue) {
        Vue.component('component', component)
    }
}

export default component;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

引用：https://wenku.baidu.com/view/2494d2005a0102020740be1e650e52ea5518ce2b.html