浅谈vue.use()方法从源码到使用

2020-06-16 05:56:50易采站长站整理

Vue.use(echarts)

new Vue({
...
})

echarts.js


import Echarts from 'echarts'
export default {
install(Vue){
Vue.prototype.$echarts = Echarts
}
}

这样写的好处是可以在 install 的文件里做更多配置相关的工作,main.js 不会变的臃肿,更方便管理。

全局组件用 Vue.use() 来注册

base.js


import a from './a'
import b from './b'
let components = { a, b }
const installBase = {
install (Vue) {
Object.keys(components).map(key => Vue.component(key, components[key]))
}
}

main.js


import Vue from 'vue'
import base from './base.js'
Vue.use(base)

new Vue({
...
})