组件全局注册 每个页面可以直接使用组件

文件结构：

 

 index.js 文件代码 ：

import PageTools from "./PageTools";
import UploadExcel from "./UploadExcel";
import ImageUpload from "./ImageUpload";
import Print from "vue-print-nb";
export default {
  install(Vue) {
    console.log(Vue);
    // 有了Vue构造函数，可以注册全局指令、全局组件、过滤器等  可以使用数组遍历注册
    Vue.component("PageTools", PageTools);
    Vue.component("UploadExcel", UploadExcel);
    Vue.component("ImageUpload", ImageUpload);
    Vue.use(Print);
  },
};

 

 在 main.js 引入全局组件 index.js 文件 ：

全局注册组件