vue定义全局组件及全局过滤器

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])
})

其余的 跟一样的过滤器没有区别