1.定義全域性元件

全域性元件定義模式 建立資料夾 包含 index.js 配置檔案 和 自定義元件 掛在在 vue例項底下 

import OrgSelector from './orgSelector'

const orgSelector = {
    install:function(Vue){
        Vue.component("OrgSelector",OrgSelector);
    }
}

export default orgSelector;

在main.js中引入 資料夾 orgSelector

引用依舊按照  元件通訊

 

<!-- 組織選擇器 -->
    <OrgMultiselector :orgDialog="orgDialog" @orgPath='orgPath'></OrgMultiselector>

2.定義全域性過濾器

 同樣的掛載在main.js 檔案下

 

import * as filters from './assets/js/filters.js';

Object.keys(filters).forEach(key => { //過濾器掛載在Vue上
  Vue.filter(key, filters[key])
})

 

其餘的 跟一樣的過濾器沒有區別