Vue组件之全局注册

前言: 在vue中对于一些复用性比较高的组件,为了避免频繁的import...导入操作,我们可以将其注册为 全局组件,下来呢,我们一起来搞点事情,对->盘它(注册全局组件).

• 先说明下,一共是两种方式,我称其为手动和自动方式,手动顾明思议就是emmm那种意思,大伙都懂,自动估计也懂.能用代码说明的我尽量在代码内bb,ok,撸起来!

基础工作

1. utils目录下创建一个js文件,这里就命名为globalComponents.js.
2. npm install --save lodash,里面的某些处理函数需要用到,比较方便.
3. components目录下创建组件,这里要被注册为全局的组件我都以Base作为前缀命名.

<!--main.js文件-->

import Vue from 'vue'
import App from './App.vue'
import store from './store'
import router from './router'

//第三方库
import _ from 'lodash' 

Vue.use( _ )

//全局组件
import GL_Component f