其他分享
首页 > 其他分享> > vue3.0(第九篇)vue3.0可用的组件库

vue3.0(第九篇)vue3.0可用的组件库

作者:互联网

1.Elemnet UI

推出Element Plus

源码地址 https://github.com/element-plus/element-plus
官方网站 https://element-plus.org
国内加速镜像 https://element-plus.gitee.io

vue3.0如何使用

首先你要创建vue3.0的项目

初始化vite项目

npm init @vitejs/app my-vue-app --template vue

1>.引入Element Plus UI 组件库(以下是vite工程的使用)

首先安装

npm i element-plus

 然后修改项目入口文件,引入 Element Plus 库和相关样式文件

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
createApp(App).use(ElementPlus).mount('#app')

 重新启动项目,就可以愉快的使用 Element Plus 了

2.Vant

Vant 是针对移动端的 UI 组件库,在他们的 Github 上同样找到了升级到 Vue 3 的声明。如果要开发移动端项目,Vant 是个不错的选择。

 3.Vuetify

到2021年末 可推出使用vue3.0 使用的版本

标签:vue,Element,element,vue3.0,plus,https,组件,第九篇
来源: https://blog.csdn.net/weixin_58437310/article/details/118354358