关于vue的mixins在uniapp中使用

网站管家目前到现在，最复杂的一个页面因该就是富文本编辑器了，实现了内容的一些常规样式操作，以及图片混排、视频拍摄上传、音频录制上传、多个草稿保存等等功能，在一个页面中，mounted、onLoad、methods的代码太多了，修改、增加的时候累死。

最好的解决方法就是把js层面的代码进行拆分，我的思路是，每个功能模块的js代码都统一放到一个单独的js文件中，这样维护起来也比较简单，更加直观。

比如，涉及到视频上传的，就把视频上传的所有JS层面代码放到单独的js文件中，这样就比较直观，维护、更新起来也比较简单。

使用方法比较简单，这里记录下：

1、新建一个js文件，位置随便，我放到了和vue同目录下，如下图：

2、把需要拆分的js代码放到新建的js中，格式照搬，比如如下截图

值得说的一点是，js文件一定要export default导出。

3、在vue页面中导入js文件，如下图：

这样就可以了。

实际上比较简单，但是我自己研究了好久，最后还是问了个前端才解决…完美解决我的需求…目前还不知道有什么BUG没…拭目以待吧！