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

前端 - vue2项目,代码复用或者配置项抽离,各位是怎么做的?

司徒俊良
2023-06-28

新建一个类似config.js的配置文件,然后export出去?还是mixin?
如果是js配置文件,怎么把当前实例传过去,通过参数传递this的形式吗?
最优的方法是什么?

共有1个答案

公孙栋
2023-06-28

配置文件一般都是 epoxrt 暴露出来。在需要的地方 import 使用。
业务代码的话看情况,如果只是一个固定的复用函数之类的,也是通过 export 暴露,然后在需要的组件中 import
一般是不会传递当前组件实例(this)到抽离的业务代码中的。尽量剥离成就是函数传入A值,返回一个B值。然后再在当前组件的业务代码中继续操作。

如果是比较大面积的复用,比如说列表页面大部分的CRUD操作一般都是一样的,有很多数据和函数的复用,只不过请求的接口或者URL会变更,这种情况会考虑使用 mixins
这个时候因为混入到当前的组件实例中了,就可以直接使用 this 来调用实例的一些方法和属性了。

 类似资料: