当前位置: 首页 > Web前端 > vue.js

天弓一兵-如何注册全局组件

时间:2023-04-01 11:59:52 vue.js

一些很基础的组件可能会在很多地方用到,但是如果只写成一个单独的组件,那么就需要在使用组件的地方引入,注册为本地组件。这样写起来很麻烦,维护起来也很麻烦。对于一些基础组件,比如图片封装,可以注册为全局组件。注册方法如下:globalComponents.js:importVuefrom"vue";importsomeComponentfrom"@/components/someComponent";Vue.component("someComponent",someComponent);然后将globalComponent.js文件导入main.js只需:import"./globalComponent.js";之后,你就可以在项目的任何地方使用someComponent组件了。