如何高效使用Vue过滤器实现复杂数据处理？

本文共计686个文字，预计阅读时间需要3分钟。

项目启动时，我们需要确定一些全局使用的规则和方法，例如数字的四舍五入、工具的使用方法、字符格式化等。这些高频使用的方法，我们通常需要统一规范。

写项目的时候，有一些方法我们是需要全局使用的，比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法，我们一般会将其封装为全局的方法；我以前是这样做的，有这么几种方式：

1、挂载到vue.prototype

在main.js入口文件中挂载到vue.prototype，如我们封装一个获取时间戳的函数。

Vue.prototype.now = Date.now || function () { return new Date().getTime(); };

然后就可以在.vue页面中使用了

<script> export default { mounted(){ console.log('now:' + this.now()); }, } </script>

2、全局混入mixins

同样也还是在main.js中。