在components資料夾load中新建loading.vue和loading.js兩個檔案，vue檔案用來寫公共元件，js用來匯出這個元件
在loading.js中，規定了使用這個元件的名字，以及使用方法
import loading from './loading.vue'
const loading= // loading'這就是後面可以使用的元件的名字，install是vue例項上預設的乙個方法
}export default loading
// 在main.js中引入自定義配置的元件，並掛載到vue上
import loading from './loading'
vue.use(loading)
這裡就比上面簡單一點，我們在需要使用這個元件的vue檔案中直接引入這個vue檔案，然後在component中註冊一下，就可以使用了
// 引入元件
import loading from '@/components/loading'
// 註冊元件，一定要註冊，不然沒有效果
components:
// 呼叫這個元件
Vue元件 自定義全域性元件
vue兩大核心 1.資料驅動介面改變 2.元件化 什麼是元件？什麼是元件化？在前端開發中元件就是把乙個很大的介面拆分成多個小的介面，每乙個小的介面就是乙個元件 將大介面拆分成小介面就是元件化 元件化的好處 1.可以簡化vue例項的 2.可以提高復用性 如何建立元件 三步 let profile vu...
自定義Vue 全域性元件
在 components 下建立自己的元件 primary click show 儲存 資料提交 visible.sync isok width 500px center footer class dialog footer isok false 取 消 primary click submit 確...
自定義全域性外掛程式 元件
使用指令建立專案 執行專案，看專案能否正常執行 執行結果說明專案能正常執行 在官網中有這樣的部分 在生成的專案中新建該目錄 從效果圖中看出問題 問題描述 點選button的時候沒有發生任何改變 解決問題方法 home.vue 在button中加入乙個click事件 1 2class home 3vu...