vue组件全局实现

首先我们在main.ts里面写一下代码

// 引入自定义插件对象：注册整个项目的全局组件
import  globalComponent  from "@/components";
app.use(globalComponent)

然后src目录下必须有components文件夹要不然会报错,components文件里创建一个index.ts文件

然后里面写一下代码(没有写一下代码会报错)

import  Index from "./page/index.vue"
import Page from "./page/Page.vue";
const allGlobalComponent = {Index,Page}
export default{
    //无比叫做install方法
     install(app){
          console.log(app)
          Object.keys(allGlobalComponent).forEach(key=>{
            //    注册为全局组件(它有两个参数.........)
            app.component(key,allGlobalComponent[key])
          })
         
     }
}

我们可以把Index和page组件随意使用