Vue中如何通过mixin有效整合并复用重复的代码片段？

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

在我负责项目时，常常有大量通用代码逻辑，例如业务逻辑判断、时间转换、URL字符串截取等。这些函数如若在每个页面都重复添加，不仅冗余，也不利于维护。

在我们做项目的时候，往往有很多代码逻辑是通用的，比如说，业务逻辑类型的判断，时间戳的转换，url中字符串的截取等等，这些函数如果在每个需要的页面中都加入的话，不仅加重了当前页面的逻辑复杂程度，还会占用大量原本可以省略的内存。因此，将这些代码整理出来统一管理是很有必要的，在vue项目中，我们都知道模块化和组件化，但vue的框架中还有一个很好用的知识点，就是mixin。