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华为云中后台管理系统搭建


基础教程推荐
猜你喜欢
- 利用momentJs做一个倒计时组件(实例代码) 2023-08-08
- 为何img、input等内联元素可以设置宽高 2024-01-24
- ajax分页查询详解 2023-01-31
- JS window.opener返回父页面的应用 2023-12-01
- 关于 html:Embedding too small on mobile (bandcamp) 2022-09-21
- layui动态表格条件if else语句判断的方式 2024-06-27
- html个人笔记 2023-10-27
- 网页字体在Frontpage2000制作网页中的讲解 2024-03-10
- CSS中使用clearfix清除浮动的方法 2024-01-25
- 使用canvas生成含有微信头像的邀请海报没有微信头像问题 2023-12-19