Taro，一個開放式跨端跨架構解決方案，值得擁有！

關于Taro庫的介紹

• 簡介
• • 架構支援
  • • React示例代碼
    • Vue示例代碼
  • Taro UI

簡介

Taro 是一個開放式跨端跨架構解決方案，支援使用 React/Vue/Nerv 等架構來開發 微信 / 京東 / 百度 / 支付寶 / 位元組跳動 / QQ 小程式 / H5 / RN 等應用。

架構支援

在 Taro 3 中可以使用完整的 React / Vue / Vue3 / Nerv 開發體驗，具體請參考：

• 基礎教程——React.
• 基礎教程——Vue.
• 基礎教程——Vue3.

React示例代碼

import React, { Component } from 'react'
import { View, Text } from '@tarojs/components'

export default class Index extends Component {
  state = {
    msg: 'Hello World！'
  }

  componentWillMount () { }

  componentDidShow () { }

  componentDidHide () { }

  render () {
    return (
      <View className='index'>
        <Text>{this.state.msg}</Text>
      </View>
    )
  }
}
           

Vue示例代碼

<template>
  <view class="index">
    <text>{{msg}}</text>
  </view>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello World！'
    }
  },
  created () {},
  onShow () {},
  onHide () {}
}
</script>
           

Taro UI

Taro 3 隻能配合使用 [email protected] 版本

安裝指令： npm i [email protected]

一款基于 Taro 架構開發的多端 UI 元件庫。

Taro UI 特性：

基于 Taro 開發 UI 元件

一套元件可以在多端适配運作（ReactNative 端暫不支援）

提供友好的 API，可靈活的使用元件

初次接觸Taro，想把整個過程記錄下來，分享給每一位熱愛技術的朋友，首次更新部落格，有不足之處，請多多包涵。