Taro 小程序总结

最近，工作加班写小程序，虽然之前也写了不少小程序，但大多是使用小程序原生来写，也使用过wepy框架，风格和vue差不多，这次尝试使用taro框架。今天小程序告一断落，特此总结一波。

安装使用Taro

1. 安装

npm install -g @tarojs/cli

2. 使用命令创建模板项目

$ taro init myApp

3. 微信小程序编译预览及打包

$ npm run dev:weapp
$ npm run build:weapp

主要详见官网Taro安装及使用，重要的事情说三遍，一定要认真看官方文档、官方文档、官方文档，做好基础的入门。

开发前注意

若使用 微信小程序预览模式 ，则需下载并使用微信开发者工具添加项目进行预览，此时需要注意微信开发者工具的项目设置

• 需要设置关闭 ES6 转 ES5 功能，开启可能报错
• 需要设置关闭上传代码时样式自动补全，开启可能报错
• 需要设置关闭代码压缩上传，开启可能报错

框架

.
├── dist                   编译结果目录
├── config                 配置目录
|   ├── dev.js             开发时配置
|   ├── index.js           默认配置
|   └── prod.js            打包时配置
├── src                    源码目录
|   ├── pages              页面文件目录
|   |   ├── index          index 页面目录
|   |   |   ├── index.js   index 页面逻辑
|   |   |   └── index.css  index 页面样式
|   ├── app.css            项目总通用样式
|   └── actions            redux actions
|   └── constants         
|   └── libs             
|   └── net           
|   └── asset          
|   └── reducers       
|   └── store            
|   └── utils            
└── package.json

给组件设置 defaultProps

在微信小程序端的自定义组件中，只有在 properties 中指定的属性，才能从父组件传入并接收

Component({
   
  properties: {
   
    myProperty: {
    // 属性名
      type: String, <