大佬们,如何在vue的项目中封装函数通用,比如最少两个组件共用一套方法。有推荐的吗
如果是vue3项目直接抽取,如果是vue2.0,那就用mixins,本质上就是实现状态逻辑复用
一个是如果单纯是函数公用,可以提取这些函数出来,并使用 export
暴露,然后在需要使用的vue文件中 import
即可。 Module 的语法 - ECMAScript 6入门
如果是公用的一套 template
和 script
也就是说,html模板,和大部分的js都是一致的,只不过某一个组件会多一些处理,那么可以考虑使用 extends
。 extends — Vue.js
如果不是公用的一套 template
,只是 script
部分公用,比如说大部分都分页列表组件。那么可以考虑使用 mixins
。 mixins — Vue.js
举例说一下,比如有2个函数,我要对他们做相同的前置判断条件。
什么时候封装组件
这是我的actionCreator代码,crud所有的代码都一样,只需要改一个 “getMovies" 这个名字,所以我想要把这个函数封装一下,每次只需要传入一个函数名字就行了。求大佬给封装一下?? 感谢
为什么没有输出呢?还有什么其他需要做的吗?