当前位置: 首页 > 知识库问答 >
问题:

前端 - 如何在vue的项目封装函数通用?

濮阳功
2023-07-23

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

共有2个答案

农均
2023-07-23

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

龚迪
2023-07-23

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

 类似资料: