对于刚接触前端畛域的同学,绕不开抉择组件库的问题,常见的 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 的设计看起来也都敌对正当。更多细节接下来一起独特摸索吧。