【vue】vue统一管理全局组件

待我称王封你为后i 2022-11-22 12:46 230阅读 0赞

> `前言`

转载：[https://www.cnblogs.com/zjw2004112/p/11518767.html][https_www.cnblogs.com_zjw2004112_p_11518767.html]

知识点：vue.use [https://www.jianshu.com/p/89a05706917a][https_www.jianshu.com_p_89a05706917a]

> `代码示例`

*  装载全局组件

// 装载全局组件
    import PublicRemoteSelectUnit from '@/components/public/public-remote-select-unit'
    import PublicDialogImage from '@/components/public/public-dialog-image'
    import PublicLocalSelect from '@/components/public/public-local-select'
    import PublicRemoteSelectCompany from '@/components/public/public-remote-select-company'
    import PublicTimeLine from '@/components/public/public-time-line'
    import PublicRemoteSelectUser from '@/components/public/public-remote-select-user'
    import PublicUploadImage from '@/components/public/public-upload-image'
    export default function(Vue) { 
      Vue.component('public-remote-select-unit', PublicRemoteSelectUnit)
      Vue.component('public-dialog-image', PublicDialogImage)
      Vue.component('public-local-select', PublicLocalSelect)
      Vue.component('public-remote-select-company', PublicRemoteSelectCompany)
      Vue.component('public-remote-select-user', PublicRemoteSelectUser)
      Vue.component('public-time-line', PublicTimeLine)
      Vue.component('public-upload-image', PublicUploadImage)
    }

*  注册全局组件

import globalComponents from '@/components/public/global-components.js'
    Vue.use(globalComponents)

> `需要注意的问题`

此处引入组件的时候，不能通过import(’ xxx ')，因为会templatexxx name的错误，虽然使用不影响  
另外上面是Vue.component，不是Vue.components !!!

[https_www.cnblogs.com_zjw2004112_p_11518767.html]: https://www.cnblogs.com/zjw2004112/p/11518767.html
[https_www.jianshu.com_p_89a05706917a]: https://www.jianshu.com/p/89a05706917a