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

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

前言

转载：https://www.cnblogs.com/zjw2004112/p/11518767.html

知识点：vue.use 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 !!!

发表评论

表情：
评论列表 （有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读