微擎项目适配转换uni-app项目私活经验分享

1. 微擎项目在市场上广受欢迎，功能丰富，因此很多人想要将其转化为uni-app项目，以实现多平台运行的能力。
2. 在转换过程中，我们确实遇到了不少挑战，但得益于uni-app平台强大的基础能力支持，我们最终都成功解决了这些问题。
3. 下面我将分享我们在适配转换过程中的一些思路和经验，希望能对大家有所帮助。

代码结构迁移步骤

• 我们以适配一个名称为“type”的页面，进行全面讲解
• 微信小程序页面：type.js type.json type.wxss type.wxml
• uniapp页面：只需要新建一个页面type.vue，目录层级和小程序保持一致即可。新建页面后，页面中会有三部分template，script，style，系统会自动生成这三部分。
• 页面映射关系如下
  
  
• 页面迁移结束后，就是进行标签的替换了，小程序的一些标签在uni-app是不识别的，但是整体还是比较简单的，参照下面的表格进行替换就可以了
  
  
• 按照上面的标签替换方案替换完成后，页面基本上就可以进行展示了，再进行页面细节的调试，一个页面基本上就可以出来了，大概平均调试一个页面30分钟左右（根据页面复杂程度定）

迁移过程中遇到的一些“坑”，一起共勉

• 取页面data值时由“this.data” 改成 “this._data”（备注：具体原因未知，期望知道的大佬讲解下，不胜感激，当初排查这个问题足足花费了3天左右的时间才定位到这个问题）
• uniapp要求所有data变量提前定义，而微信小程序没有此要求，这块容易出问题。

关于我们

• 【插件分享】视频滑动自动切换播放，仿京东首页，基于colorUI开发

经典文章分享

• H5超链接APP安卓软件 web-view返回原生体验