vue安装
安装node
安装vue的脚手架 npm uninstall -g vue-cli
npm install -g @vue/cli
新建空白文件夹并进入
vue create projectName
vue的简单使用

加入elementui

安装elementui : npm i element-ui -S
组件按需导入: 先安装babel-plugin-component: npm install babel-plugin-component -D
再配置一下插件:
image.png
再三步走按需引入组件:
image.png
再使用即可

父子组件传值:

父组件
image.png
子组件接收值:
image.png
子组件在props中接收。

配置路由跳转:

先安装vue-router npm install vue-router@3
image.png
组件显示在下面页面:
image.png
匹配到的组件页面都将显示到router-view中
image.png
点击登录,跳转到主页面

发送axios请求:

安装axios
npm installaxios -S
引入axios:引入后并且配置拦截
image.png
再根据实际的开发,封装请求:
image.png
实际使用,引入并使用,引入用{}的意思是可以引入多个。{adduser1,adduser2}
image.png