全域性元件（外掛）：就是指可以在main.js中使用Vue.use()進行全域性引入，然後在其他元件中就都可以使用了，如vue-router.element-UI

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

普通元件（外掛）：每次使用時都要引入，如axios
    import axios from 'axios'

步驟：

①首先新建一個compontents資料夾，在裡面新建一個資料夾，然後新建vue元件，然後在同級目錄下，新建一個index.js檔案

結構如圖：

②在index.js裡面輸入，匯入元件，然後匯出install，目的是為了能夠全域性使用

 import login from './login.vue'

 export default {
   install: function (Vue) {
     Vue.component('Login', login);
   }
 };

③在main.js裡面匯入，也可以是user/index.js

import Login from './assets/components/user'

全域性引用

Vue.use(Login);

④在App.vue元件中的模板寫入，即可展示。

<Login></Login>