关于前端:vue组件和过滤器统一注册的方法

vue 组件和过滤器对立注册的办法

为了不便所有的页面都能够不必援用该组件，能够进行全局注册

提供注册入口 src/componets/index.js

// 该文件负责所有的公共的组件的全局注册   Vue.use
import PageTools from './PageTools'
export default {install(Vue) {
    //  注册全局的通用栏组件对象
    Vue.component('PageTools', PageTools)
  }
}

在入口处进行注册 src/main.js

import Component from '@/components'
Vue.use(Component) // 注册本人的插件

在 main.js 中将工具办法转化成过滤器

import * as filters from '@/filters' // 引入工具类
// 注册全局的过滤器
Object.keys(filters).forEach(key => {
  // 注册过滤器
  Vue.filter(key, filters[key])
})

好了，当初能够欢快的用过滤器的形式应用工具类的办法了

       <el-table-column label="工夫"  align="center">
            <!-- 作用域插槽 -->
            <template slot-scope="{row}">{{row.timeOfEntry | formatDate}}</template>
       </el-table-column>

这是组件和过滤器办法的全局注册

小结

这样咱们就能够来做咱们的我的项目了, js 高程第四版链接: https://pan.baidu.com/s/18P8k… 能够加公众号获取提取码.

若有不懂的中央，请加 q 群 147936127 交换或者 vx: ltby52119，谢谢~