首先我们在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组件随意使用