TinyVue华为云中后台管理系统搭建

2024年06月17日 建站教程

TinyVue 可以同时支持 Vue 2.0 和 Vue 3.0,这个支持并不是我们通常理解的我们可以选择使用 Vue 2 或者是 Vue 3 来开发,而是只需要写一套代码,就可以同时支持,我们完全不用考虑这两个版本的语法差异。

安装 Tiny Vue

# 以 Vue 3 为例:
yarn add @opentiny/vue@3
# 或者
npm install @opentiny/vue@3

组件使用示例

#Vue 页面中引入组件:
<template>
  <div>
    <tiny-button>TinyVue</tiny-button>
    <tiny-alert description="TinyVue"></tiny-alert>
  </div>
</template>

<script>
import { Button, Alert } from '@opentiny/vue'

export default {
  components: {
    TinyButton: Button,
    TinyAlert: Alert
  }
}
</script>

TinyPro 自带TinyPro中后台管理系统

TinyVue 是一个基础的前端组件库,很多时候都是用来开发 admin 项目后台管理系统的,而 OpenTiny 已经基于 TinyVue 为我们做好了一套管理系统 TinyPro,包含了一下常用的 admin 功能:

路由和菜单
主题配置
国际化
mock 模拟数据
状态管理
权限控制
云服务支持

本文链接:http://so.lmcjl.com/news/6732/

展开阅读全文
相关内容