在vue2中全局注册自定义组件的两种的方法

552 阅读1分钟

如果一个公共组件,在项目中多次使用得到,我们可以通过全局注册的方法来使用它
第一种方法:
直接在项目的入口js文件中使用 vue.component('组件名',组件实例)

image.png 如果我们要注册的组件比较多,使用这种方法会略显繁琐,此时我们可以参考第三方组库的注册使用方法, 在src下的components文件夹中,新建index.js文件,在此文件中引入所有所需文件,并统一注册

image.png 并在main.js文件中使用 vue.use 来注册使用

image.png

当我们注册的组件较多时,使用这种方法可以使我们的代码,更加规范和优雅,并且便于维护

image.png