Vue 全局注册

前言

以vux为例，平常我们注册组件都是

import { Toast } from 'vux'
Vue.component('toast', Toast)

但是如果我们需要全局注册的较多，又不全部注册的情况下，可以尝试全局注册。

在components文件中添加index.js

import {
    Tab,
    TabItem,
    XHeader
} from 'vux'

import mainBar from "../components/mainBar.vue"
import NavBar from "../components/NavBar.vue"

export default {
    Tab,
    TabItem,
    XHeader
};

mian.js

import './components/index.js' //注意路径

//通过components下的index.js文件导入组件
import components from './components/';
//对导入的组件进行全局组件注册
Object.keys(components).forEach((key) => {
    Vue.component(key, components[key])
})