初识Taro跨多端框架

Taro框架应运而生

• 2018年由京东-凹凸实验室打造的一套遵循React语法规范的多端统一开发框架。
• 目的：消灭安卓和ios的分歧，把微信作为入口，写一套代码在多端运行，消灭跨平台。

Taro安装

• 脚手架打包成不同的端：@tarojs/cli
• 使用npm和yarn全局安装，或者直接使用npx
• npm install -g @tarojs/cli
• yarn global add @tarojs/cli

创建项目

• taro init app

Dev环境启动

• web：npm run dev:h5
• 微信小程序：npm run dev:weapp
• 百度小程序：npm run dev:swan
• 支付宝小程序：npm run dev:alipay

基于state的数据管理

• 状态更新是异步的
• 设置状态一定要用setState
• 同步更新需要传入callBack

Props传值

• 自定义组件中接收的来自父组件的传值统称为Props
• Props是只读的
• 当传值Props的值是函数时，必须用on+函数名的规范来命名

Taro生命周期

• H5和小程序有差别
• React框架中的生命周期函数被保留
• 新增支持小程序的几个生命周期
• 小程序区分页面和组件，React全认为是组件

语法规范

• React语法规范
• 支持JSX语法
• 适配小程序，部分语法不支持