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

1.定义全局组件

vue定义全局组件及全局过滤器_第1张图片

全局组件定义模式 创建文件夹 包含 index.js 配置文件 和 自定义组件 挂在在 vue实例底下 

import OrgSelector from './orgSelector'

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

export default orgSelector;

在main.js中引入 文件夹 orgSelector
vue定义全局组件及全局过滤器_第2张图片

引用依旧按照  组件通信

 


    

 

2.定义全局过滤器

 

vue定义全局组件及全局过滤器_第3张图片

 同样的挂载在main.js 文件下

 

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

Object.keys(filters).forEach(key => { //过滤器挂载在Vue上
  Vue.filter(key, filters[key])
})

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

你可能感兴趣的:(vue)