微信、支付宝小程序原生写法转成uni-app

 

由于现在的小程序平台逐渐增多，我们不能每个平台写一套代码，这样增加了学习成本，所以我们需要选一个多端开发的框架，之前也做过一些比较，用uni-app做多端开发还是比较有优势的，如果会vue和小程序的原生写法上手uni-app非常简单。

1、uni-app开发环境配置可以参考官方文档https://uniapp.dcloud.io/quickstart；

2、小程序原生写法每个页面都有xml、js、css、json四个文件构成，而uni-app每个页面只有一个vue文件；

我们只需要把每个页面对应的xml文件复制到<template></template>标签内；js文件复制到<script></script>标签内；css文件复制到<style></style>标签内；

如果运行到小程序开发到工具，会发现报错；大部分报错的原因都是因为模板文件写法的原因；

uni-app的组件和小程序的组件基本上可以通用的，主要区别是事件绑定的写法不同，if判断的写法，for循环的写法，属性绑定的写法不同；

微信小程序用bindTap或catchTab绑定绑定点击事件，支付宝小程序用onTap绑定点击事件，uni-app绑定点击事件遵循的vue的写法用@tap；