扫一扫分享
华为云企业级前端开发解决方案。
一套跨端、跨框架的企业级 UI 组件库,支持 vue 2 和 Vue 3,支持 PC 端和移动端。
包含 104 个简洁、易用、功能强大的组件
一套代码同时支持 Vue 2 和 Vue 3
一套代码同时支持 PC 端和移动端
支持国际化
支持主题定制
组件内部支持配置式开发,可支持低代码平台可视化组件配置
采用模板、样式、逻辑分离的跨端、跨框架架构,保障灵活性和可移植性
1. 安装
执行以下命令,安装 Vue 3 版本的 TinyVue 组件库:
npm i @opentiny/vue@3
执行以下命令,安装 Vue 2 版本的 TinyVue 组件库:
npm i @opentiny/vue@2
2. 引入和使用
在App.vue文件中使用 TinyVue 组件。
<script lang="ts" setup>
import { Button as TinyButton } from '@opentiny/vue'
</script>
<template>
<tiny-button>TinyVue</tiny-button>
</template>
git clone git@github.com:opentiny/tiny-vue.git
cd tiny-vue
pnpm i
# 启动 Vue3 项目
pnpm dev
# 启动 Vue2 项目
pnpm dev2
手机预览