新手适合用什么Vue组件库？TinyVue组件库好用吗？

对于刚接触前端领域的同学，绕不开选择组件库的问题，常见的 Vue组件库如下：

Vuetify 组件库。一个纯手工精心打造的 Material 样式的组件库。文档全，但是纯英文的官网还是会让一些同学望而却步。2016 年发布。

Ant-design-vue 组件库。Ant Design 的 Vue 实现，组件的风格与 Ant Design 保持同步，风格俏皮简约，更适合用过 ant design 的 react 框架组件库的童鞋。2018 年发布。

ElementUI。常规支持：多语言、自定义主题、按需引入、内置过渡动画，文档详细，组件齐全。2016 年发布。

TinyVue组件库。开箱即用的多语言组件库，支持单独配置和升级，Vue2 和 Vue3 都适配。2023 年发布。

相较于前面几个稳定且备受好评的组件库，TinyVue 作为一个刚出来的前端组件库是否好用呢？最近 TinyVue组件库的热度也是持续上升，怀揣着这个疑问，作为新手的我便尝试了一下使用这个组件库。首先我们新建一个Vue3的项目，具体的操作如下

输入 npm creat vite vue3-demo

选择 Vue 框架

选择 TypeScript 语言（个人更推荐大家使用TS代替JS，带类型的代码更加清晰而且便于维护）如下图，当出现

Done，Now run:

cd vue3-demo

npm install

npm run dev

接下来就是按照如上的三行命令敲入terminal中执行，结果如下图：

接下来就是将 TinyVue中的组件安装后导入这个项目，

输入 npm i @opentiny/vue3

最后在 vscode 中打开这个项目并导入：

效果如下

整体感受下来还是很流畅的，在官网给出的多个组件示例中，API 的设计看起来也都友好合理。更多细节接下来一起共同探索吧。

作者：Lorrain
链接：https://juejin.cn/post/7221081978996031525
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

新手适合用什么Vue组件库？TinyVue组件库好用吗？相关推荐

Vue整合ElementUI，组件使用教程，适合新手
官网:Element 文章目录 Vue整合ElementUI 一. 按钮组件二. Link 文件链接组件三. Layout(栅格) 布局组件的使用四. Container 布局容器五. Rad ...
Vue (十五) --------- UI 组件库
目录一.移动端常用 UI 组件库 1. Vant 2. Vux 3. Cube UI 4. Mint UI 二.PC 端常用 UI 组件库 1. Element UI 2. IView UI 3. ...
Vue.js_04_组件_Element组件库_组件通信_PropsDown_EventsUp
Vue.js 四天课程学习笔记_第4天课程内容概要: 1. 前情回顾 2. 通过demo再次复习一下计算属性是如何生成过滤后的数组 3. Vue实例的生命周期(11个钩子) 4. 介绍组件化思 ...
[vue] 你有自己用vue写过UI组件库吗？
[vue] 你有自己用vue写过UI组件库吗? {{item.title}}<dl v-if="item.list.length > 0"><dd v-fo ...
vue中在当前组件中定义的全局变量怎么在methods中使用_Vue原理解析（十）：搞懂事件API原理及在组件库中的妙用...
在vue内部初始化时会为每个组件实例挂载一个this._events私有的空对象属性: vm._events = Object.create(null) // 没有__proto__属性这个里面存放 ...
5 款最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐
本文完整版:<最棒的 Vue 移动端 UI 组件库 - 特别针对国内使用场景推荐> Vue 移动端 UI 组件库推荐 Vant 3 - 有赞移动 UI 组件库,支持 Vue 3 微信小程序 ...
vue手机端项目php,MintUI基于Vue.js移动端组件库详解
Mint UI 包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要.接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库,需要的朋友参考下吧,希望能帮助到大家. 官网 ...
Vue UI组件库(Element UI库)
1 移动端常用 UI 组件库 1. Vant Vant 4 - 轻量.可定制的移动端组件库 (vant-ui.github.io) 2. Cube UI cube-ui Document (didi ...
Vue2基础、组件化编程、脚手架、Vuex、Vue路由、UI组件库
尚硅谷张天禹老师讲课学习视频 1.Vue简介 Vue2中文官网 1.1 Vue 介绍一套用于构建用户界面的渐进式JavaScript框架构建用户界面:把数据通过某种办法变成用户界面渐进式:可以 ...

新手适合用什么Vue组件库？TinyVue组件库好用吗？

新手适合用什么Vue组件库？TinyVue组件库好用吗？相关推荐

最新文章

热门文章