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 模拟数据
状态管理
权限控制
云服务支持
以上是编程学习网小编为您介绍的“TinyVue华为云中后台管理系统搭建”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:TinyVue华为云中后台管理系统搭建


基础教程推荐
猜你喜欢
- 通过CSS禁用页面内容选中和复制操作 2024-01-19
- css各种cursor鼠标样式介绍 2024-12-13
- JavaScript Rxjs mergeMap 的使用场合 2024-02-07
- layui获取select下面的选项值和value值 2023-10-08
- 使用getJSON()异步请求服务器返回json格式数据的实现 2023-02-14
- 27款经典的CSS框架小结 网页制作必备 2024-03-11
- 用js判断用户浏览器是否是XP SP2的IE6 2023-12-01
- node以及npm版本不对应出错的完美解决方法 2023-07-10
- vue.js 编译作用域 2023-10-08
- input file上传文件样式支持html5的浏览器解决方案 2024-01-20