无论用vue 还是 react 习惯把业务逻辑拆出成单一函数,*.vue文件 / .jsx 都只是负责取到数据结构进行渲染。拆出server只负责取后端数据,中间用vuex/dva 里调用业务函数处理。
换句话说,框架负责渲染,状态管理负责调度,而业务函数抽离可方便测试
我用的jtest, 对每个业务函数编写.test.js文件进行单独测试,可以避免业务逻辑执行上的问题
在后端开发之前,前端自测阶段,可以通过如下方式对后端数据接口模拟自测
vue技术栈,用vue-cli3的 devServer配置 before 可以插入自定义的express中间件,用 mockJs 编写请求返回值
react技术栈,用umi的 可以 用本地Mock功能
团队用yapi管理接口的,的就更方便了直接用proxy代理转发请求到yapi就好了



