vue全局挂载组件 当做标签使用

一 创建组件

title1.vue

统一导出

二  plugin.js

import Title1 from '@/components/business/title1'

import Title2 from '@/components/business/title2'

import Title3 from '@/components/business/title3'

import NumberChain from '@/components/business/numberChain'

import Tab1 from '@/components/business/tab1'

import Tab2 from '@/components/business/tab2'

import WordsPool from '@/components/business/wordsPool'

import StatusBar from '@/components/business/statusBar'

 

export default (vue) => {

    vue.component('title1', Title1)

    vue.component('title2', Title2)

    vue.component('title3', Title3)

    vue.component('numberChain', NumberChain)

    vue.component('tab1', Tab1)

    vue.component('tab2', Tab2)

    vue.component('wordsPool', WordsPool)

    vue.component('statusBar', StatusBar)

}

在main.js 挂载

三 import installPlugins from './plugin'

import Vue from 'vue'

import App from './App.vue'

import router from './router'

import store from './store'

import '@/assets/style/index.less'

import installPlugins from './plugin'

import { installDirectives } from '@/directives'

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

import Bus from '@/components/map/api/bus'

 

installPlugins(Vue)

installDirectives(Vue)

Vue.config.productionTip = false

 

Vue.use(ElementUI)

 

let vm = new Vue({

    router,

    store,

    render: (h) => h(App),

}).$mount('#app')

 

window.vm = vm

window.Bus = Bus