如何在vue的项目封装函数通用？

Question

大佬们，如何在vue的项目中封装函数通用，比如最少两个组件共用一套方法。有推荐的吗

Answer 1

一个是如果单纯是函数公用，可以提取这些函数出来，并使用 export 暴露，然后在需要使用的vue文件中 import 即可。👉 Module 的语法 - ECMAScript 6入门
如果是公用的一套 template 和 script 也就是说，html模板，和大部分的js都是一致的，只不过某一个组件会多一些处理，那么可以考虑使用 extends。 👉 extends — Vue.js
如果不是公用的一套 template，只是 script 部分公用，比如说大部分都分页列表组件。那么可以考虑使用 mixins。 👉 mixins — Vue.js

Answer 2

如果是vue3项目直接抽取，如果是vue2.0，那就用mixins，本质上就是实现状态逻辑复用