Vue.use() 和 Vue.component()

1.Vue.use() 传入的是对象,内部执行时 依旧是  Vue.component() 

2.Vue.component() 只能同时注册一个组件,而Vue.use() 的install里可以写多个Vue.component()

所以基于项目 ,对于我们二次封装的组件 在main.js里,可以用Vue.use()处理(基于代码量简结)

比如应用Vue.component(),main.js里:

import zButton from './components/zButton/zButton' //对应文件夹下  .vue文件
import quickTime from './components/QuickTime/QuickTimes'
import groupFans from './components/GroupFans/GroupFans'
Vue.component('zButton',zButton )
Vue.component('quickTime',quickTime)
Vue.component('groupFans',groupFans)

若应用Vue.use(),main.js里:

// test全局组件注册
import zCus from './components/MyCustom/index.js'
Vue.use(zCus)


// index.js
import myCustom from './child.vue'
import zCustomsOther from './child-child.vue'
const zCustom = {
    install: function (Vue) {
        Vue.component('zCustoms', myCustom)
        Vue.component('zCustomsOther', zCustomsOther)
    }
}
export default zCustom

这样对比开来,main.js里面代码要更少。个人理解,这种全局注册方式没有太大区别,看个人习惯

你可能感兴趣的:(Vue,vue.js)