1. 全域性元件: 就是指可以在main.js中使用Vue.use()進行全域性引入,然後在其他元件中就可以使用了

import VueRouter from 'vue-router'
Vue.use(VueRouter)

1. 普通元件: 每次使用時都要引入

如何自定義全域性元件

1. 首先寫一個元件
2. 然後寫一個引入檔案

// index.js

import componentName from './src/componentName.vue'

export default {
    install: (Vue) => {
        Vue.component('exportComponentName'
 
,componentName)
    }
}

1. 然後在main.js中就可以這麼寫了

imoprt exportComponentName from './component/index.js'

Vue.use(exportComponentName)

1. 以後就可以直接使用了

如何要新增全域性方法,那麼可以在Vue.propotype上新增

直接在index.js上書寫

export default {
    install: (vue) => {
        Vue.prototype.actionName = (arguments) =>
 
 {
            // code
        }

        Vue.prototype.actionName2 = (arguments) => {
            // code
        }

        Vue.prototype.actionName3 = (arguments) => {
            // code
        }

        Vue.prototype.actionName4 = (arguments) => {
            // code
        }
    }
}