vue移动端项目代码拆分记录
程序开发
2023-09-17 13:10:14
撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可以将代码拆分，以-小程序和App两端举例，一份部署到小程序，一份部署到App（Android&Ios）。
首先代码拆分应该保证本地开发的时候只有一套代码，提取所有公共页面，并且分别提取小程序和app的独立JS方法，避免开发完小程序端vue，然后粘贴复制到App端的繁琐操作。
直接看图最清晰，拆分前目录结构：
拆分后目录结构：
目录拆分好之后，开始拆分代码。由于部署到生产环境的时候只能App端部署
标签：
上一篇：
如何使Angular在sublime中呈彩色提示？？？
下一篇：
相关文章
-
无相关信息