Vue 註冊全域的 Component

網站上有很多元件非常容易重複使用,例如 Loading 狀態,Alert 文字框,無資料的狀態,分頁等 Component,既然這些元件會時不時的被使用,那為何不直接註冊成 Global Component ?!,這樣就再也不用在每一頁重新 import 一次那些常用的 component 了。

在 new 一個 Vue 之前處理好這些 import 跟 註冊 component

// main.js, 匯入所有需要註冊成全域的 component

import Paginate from 'vuejs-paginate'

import Loading from './components/Loader'

import EmptyStatus from './components/EmptyStatus'

// Register as global component
Vue.component('paginate', Paginate)

Vue.component('loading', Loading)

Vue.component('empty-status', EmptyStatus)

//...
new Vue({
el: '#app',
....
});

接著就可以直接在 component 直接使用~

留言

這個網誌中的熱門文章

[Android] 筆記 手機上測試自己的 APP

解決fatal: Not a git repository (or any of the parent directories): .git錯誤

[Android 筆記] 設定 ImageView 的圖檔來源