本文共 971 字,大约阅读时间需要 3 分钟。
2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术。
本文主要记录了使用 Vue CLI 来完成项目搭建的过程。
npm install -g @vue/cli
@vue/cli 4.5.9
,一定要安装新版,不然使用不了 Vue vue create my-app
创建项目,会有如下提示,选择中间项可以直接创建3.0的项目,选择最后一项,可以手动选择创建2.0或者3.0版本和其他配置项。 项目引入 Element Plus Element UI 也发布了对应 Vue 3.0 的升级版本 Element Plus https://github.com/element-plus/element-plus 使用 Vue CLI 可以一键引入进来 cd my-app vue add element-plus npm run serve
一路回车确认,Element Plus 就自动添加到项目里了。这样,使用了 Vue 3.0 + Element Plus 组件库的项目就完成搭建。
打开生成的项目学习一下,相对于2.0版本的引入略有不同,3.0 使用 createApp(App)
创建Vue的实例,然后使用熟悉的use,进行引入 Element UI 组件库。
import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' import { createApp } from 'vue' import App from './App.vue' createApp(App).use(ElementPlus).mount('#app')
转载地址:http://xqrdy.baihongyu.com/