Vue类重构代码——02 开始：一个简单的类

最新推荐文章于 2024-07-30 02:59:25 发布

young_Emily

最新推荐文章于 2024-07-30 02:59:25 发布

阅读量4k

点赞数 1

分类专栏： ----------Vue 代码优化思考文章标签： vue 类

本文链接：https://blog.csdn.net/young_emily/article/details/78523963

版权

本文介绍了如何在Vue中重构代码，通过创建一个名为`CommonList`的订单类，该类包含获取最大最小ID的方法。文章详细阐述了类的定义、属性和方法的设计，并展示了在Vue组件中实例化并调用类方法的过程。同时，提出了关于实例化时参数过多的问题，引发对简化实例化和使用工厂模式的思考。

摘要由CSDN通过智能技术生成

前言：

上文总结：
接上文《 Vue类重构代码——01 准备：提取工具类方法》总结，上文主要做的且本文及以后还可以用到的有用功是：将获取数据的方法提取成一个公共的函数，放到了fetch.js里面，使用的时候调用fetchData（api，{参数}）即可获取数据

本文引言：
定一个订单类，订单类里有个方法就是获取最大最小id，然后我们把他封装好之后在具体的vue文件里取实例化它，再调用相应函数即可获取并更新最大最小id
即解决上文提到的p.getMaxandMinpage() 这条代码的具体实施技术

Vue类重构代码——01 准备：提取工具类方法

正文：

1. 定义CommonList类

我们在service目录下新建orderClass.js文件，里面写我们的订单类
首先我们可以打个腹稿想下类里面有哪些属性和方法
这里写图片描述

同样的引入工具类方法

import {fetchData} from '../config/fetch'
class CommonList{
   
    MINID = 0;
    MAXID = 0;
    CURID = 0;
    ISVERIRY = 0;//0 默认未审核
    ADDFLAG = true;