Taro，京東凹凸實驗室出品的適配多端的一個框架，Taro 是一套遵循 React 語法規范的 多端開發 解決方案。現如今市面上端的形態多種多樣，Web、React-Native、微信小程序等各種端大行其道，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去編寫多套代碼的成本顯然非常高，這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。

一.taro開發搭建

1.taro很方便就在于其環境搭建很輕松，照著官方文檔幾行代碼就能搭建好。

2.在進行預覽的時候，不同的方式區別是很大的！！！，寫的什么就要用什么進行預覽，不然真的是天差地別。（我踩的最傻屌的坑）

二.關于標簽

1.在taro上目前我所用的所有標簽都要事先聲明，比如View，Button，Image等.如下聲明

import { View, Input, Button ,Image,Text} from "@tarojs/components";

2.各個標簽在使用時首字母都是大寫，不大寫是不規范的

3.特別注意微信小程序只識別view和text等，相當于于h5中的div，p標簽等等

三.關于函數的書寫

1.遵從react語法，直接上例子

changeheading(e) {  this.setState({     heading: e.detail.value       });     }

四.關于taro本身自帶標簽

1.Picker：

用于寫滑動選擇，選擇日期啥的，非常方便 ，示例是選擇時間的組件

state = {  timeSel: '12:01', }onTimeChange = e => {  this.setState({     timeSel:      e.detail.value     })  }<Picker mode='time' onChange={this.onTimeChange}>         <View className='arry'>              {this.state.timeSel} >         </View></Picker>

2.Opendata

在微信小程序中用于獲取用戶頭像，昵稱等信息，可以直接獲取。

<OpenData className='avatar' type='userAvatarUrl'></OpenData>  //獲取頭像<OpenData className='name' type='userNickName' lang='zh_CN'></OpenData>  // 獲取昵稱

3.其他的標簽見taro官方文檔。

五. 關于組件的引用

1.首先如何寫一個組件

export default class 組件名 extends Component {render(){  return()}

寫時修改組件名，在引用時就可直接引用，例如

import 組件名 from '../../組件所在位置';

六.關于頁面跳轉

1.首先要在 app.js 的 page 里添加要管理的頁面路徑（即要跳轉的頁面路徑）'pages/login/login',

2.然后在要跳轉的頁面寫一個跳轉方法就ok了

toPage() {   Taro.navigateTo({       url: '/pages/login/login',       })    }

七.關于微信授權彈窗問題

wx.getUserInfo(OBJECT)此接口有調整，使用該接口將不再出現授權彈窗，請使用  引導用戶主動進行授權操作，即該接口使用不在彈出授權窗口，只能使用button引導用戶自己完成授權操作
那么現在就是通過wx.getSetting來判斷用戶是否授權，
如果授權直接獲取相關信息跳轉到相應頁面
未授權的話就用button引導用戶主動授權就OK了

八.taro上調用微信的方法

在微信中是wx.xxxxx，而在taro里可以直接用，只需要將前面的wx改成Taro。

即wx.getSettting變成Taro.getSetting。

總結

以上所述是小編給大家介紹的使用taro開發微信小程序遇到的坑總結，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持！