当前位置: 首页 > Web前端 > vue.js

vue组件和过滤器统一注册的方法

时间:2023-03-31 20:52:12 vue.js

vue组件和过滤器统一注册的方法为了方便所有页面不引用这个组件,可以进行全局注册,提供一个注册入口src/components/index。js//this文件负责所有公共组件的全局注册Vue.useimportPageToolsfrom'./PageTools'exportdefault{install(Vue){//注册全局公共栏组件对象Vue.component('PageTools',PageTools)}}in入口处Registersrc/main.jsimportComponentfrom'@/components'Vue.use(Component)//注册自己的插件,在main.js中将tool方法转化为filterimport*asfiltersfrom'@/filters'//引入工具类//注册全局过滤器Object.keys(filters).forEach(key=>{//注册过滤器Vue.filter(key,filters[key])})Ok,现在你可以开心了使用工具类的方法作为过滤器{{row.timeOfEntry|formatDate}}这个是组件和filter方法的全局注册汇总,方便我们做项目,js提升第四版链接:https://pan.baidu.com/s/18P8k...可以加公众号获取提取码。有不明白的请加q群147936127交流或vx:ltby52119,谢谢~