Taro

X, taro2. x was previously written using JSX syntax. It is the first choice of React technology stack students to choose the cross-end framework. Taro recently released 3.0, with support for VUE syntax, which is a boon for VUE developers. It is very easy to use.

Quick start

NPM install -g@tarojs/CLICopy the code

Create a template project using the command

# Install CLI taro Init myApp using NPMCopy the code

Then you can start your taro trip.

Taro-UI

I am Vue technology stack, and I used uni-app to make small programs before. A large part of the reason for switching to Taro is that taro-UI is a very fresh and high quality official component library. A set of high quality component library can definitely make your development work twice the result.

Taro-UI-Vue

Taro-ui-vue mainly refers to the implementation of Taro UI, reuse its style files, written as Vue components, with Taro3.0 Vue writing method, with 50+ components, so that Vue developers have more choices.

Rich components

(Only part of it is shown)

How to use taro-UI-vue

The installation

npm i -S taro-ui-vue
Copy the code

According to the need to introduce

// page.js
import { AtButton } from 'taro-ui-vue'
// OR
import AtButton from 'taro-ui-vue/src/components/button/index.vue'
Copy the code

Introduce styles as needed

import 'taro-ui-vue/dist/style/components/tag.scss'
Copy the code
@import "~taro-ui/dist/style/components/button.scss";
Copy the code

The small sample

<template> <view class="index"> <AtTag> </AtTag> <AtIcon value="clock" color="#F00"> <script> import { AtTag, AtIcon } from 'taro-ui-vue' import 'taro-ui-vue/dist/style/components/icon.scss' import 'taro-ui-vue/dist/style/components/tag.scss' export default { name: 'Index', components: { AtTag, AtIcon, } } </script>Copy the code

More information can be found in the official documentation

Write in the back

The project was personally initiated by Psaren and carried out most of the work. Recently, we have improved the documents and examples to make it more convenient for everyone to use. At present, the project is still in the testing stage. If you have any problems in use, you can raise an issue, we will solve the problem as soon as possible. Interested students can join in, looking forward to the early release of the stable version.

How to contribute

A link to the

Taro-UI-Vue

Taro

Taro UI