本文基于B站UP主的视频进行代码模仿与学习，BliBli链接：

【登陆注册(已完结)Vue2 +elementui+ springboot+mybatis-plus+mysql8.0】https://www.bilibili.com/video/BV1wN4y1G7sp?p=2&vd_source=89c85eba9dc7b47202c9f2908bb0ec6d

---

VUE框架搭建

要想建立一个项目，首先需要搭建框架与环境

一、创建一个VUE项目

首先在命令窗口输入vue create 【项目名称】，创建一个VUE项目

二、安装element ui

首先可以进入element官网，找到安装指引

在控制台输入以下指令

然后找到main.js文件将以下代码写入以引入Element

然后可以随意添加一个代码检查是否引入

这里复制一下按钮代码

显示成功引入：

三、Axios引入

在终端输入：

npm install axios --save

npm install vue-axios --save

之后在在main.js里完整引入：

成功引入

安装element ui时出现的报错

：

npm ERR! Found: vue@3.4.27
npm ERR! node_modules/vue
npm ERR!   vue@"^3.2.13" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^2.5.17" from element-ui@2.15.14
npm ERR! node_modules/element-ui
npm ERR!   element-ui@"*" from the root project

这是因为在创建VUE项目时选择了高版本的VUE3，所以这显示项目的依赖项之间存在冲突。 Vue 版本为 ^3.2.13，但 element-ui 库要求 Vue 版本为 ^2.5.17。

解决方法就：在创建vue项目时选择更低版本的vue2，便可成功创建项目

VUE登录注册的编写

正在更新中。。。