Vue 定义全局组件

背景：项目中要重复使用登录弹框，在每个页面都引入略显繁琐，故而使用全局组件

步骤：

1.  src目录下新建文件夹components，下面新建index.js文件，vue组件

2. 将 vue 组件引入index.js ,如下

import compdraw from "./compdraw/compdraw.vue"
import test from "../test/test.vue";

const components = {
  install:(vue)=>{
    // 组件一
    vue.component("compdraw",compdraw);
    // 组件二
    vue.component("comTest",test);
  }
}
export default components;

3. 将文件夹 components 引入main.js，Vue.use()注册组件；

import components from "./components";
Vue.use(components);

4. 使用，在其他页面中不需要引入直接使用，如下：

      <compdraw :zzc="false" position="right" :open.sync="drawerShow" width="30%" :openIO="false"
                :close-by-out-side-click="true" :sstyle="drawStyle">
      </compdraw>


      <comTest></comTest>