当前位置: 首页 > 科技观察

超级优秀的Vue3.0开源UI组件库

时间:2023-03-21 13:21:29 科技观察

这段时间,对于前端人来说最大的惊喜就是期待已久的Vue.js3.0正式发布了。之前有很多小伙伴问过关于vue3组件库的问题。趁着vue.js3.0发布的热潮,给大家推荐几个Vue3Beta组件库。性能方面,优化路由/图片懒加载v-showreusedomlonglist性能优化事件销毁插件引入无状态组件按需标记为功能组件变量本地化更好TypeScript集成SSR...vue3.0中文官网https://v3.cn.vuejs.org/仓库地址https://github.com/vuejs/vue-next下面输入今天的文字。哪些互联网大厂最先推出自己的Vue3组件库?1、Vant3.0由Vant有赞团队推出的Vue移动端组件库已经完成并发布了Vue3.0测试版。安装#通过npm安装$npmivant@next-S#通过yarn安装$yarnaddvant@nextquickimport//全局导入import{createApp}from'vue'importVantfrom'vant'import'vant/lib/index.css'constapp=createApp()app.use(Vant)//按需引入import{createApp}from'vue'import{Button}from'vant'constapp=createApp()app.use(Button)组件的使用不太像Vant2.x的区别可以直接导入使用。文档地址https://vant-contrib.gitee.io/vant/next/#/zh-CN/仓库地址https://github.com/youzan/vant2.Ant-Design-VueAntD设计风格的Vue实现.Vue3.02.0.0beta版本已经发布。安装$npmiant-design-vue@next-S快速介绍#完整介绍import{createApp}from'vue'importAntdfrom'ant-design-vue'import'ant-design-vue/dist/antd.css'constapp=createApp()app.use(Antd)#按需部分导入import{createApp}from'vue'import{Button,message}from'ant-design-vue'constapp=createApp()app.use(Button)app.config.globalProperties.$message=message组件的使用方法和之前一样。如果你有开发Vue3项目的打算,可以了解一下。文档地址https://2x.antdv.com/docs/vue/introduce-cn/仓库地址https://github.com/vueComponent/ant-design-vue/3,Element-Pluselement-ui风格的Vue3重构组件库.目前还在加急研发中,大家可以去了解一下最新进展。文档地址是https://element-plus.org/#/zh-CN好了,就分享到这里吧。如果大家还有其他最新的Vue3.0UI组件库,期待分享交流!