vue(ElementUI之登陆+注册)

1.ElementUI登陆

1. npm install -s:将JS依赖下载到当前SPA项目中,并且在后续前端项目打包的时候,npm build 会一并打包到项目中

npm install -d: 讲JS依赖下载到当前 spa 项目中,但是npm build

不会将JS依赖打包到项目中

3.使用命令npm install element-ui -S,添加Element-UI模块

vue(ElementUI之登陆+注册)_第1张图片

4.登录+注册静态页实现

在main.js中引入element-ui模块

在项目中src目录下找到`main.js`,并在指定位置添加三行代码:

// 新添加1
import ElementUI from 'element-ui' 
// 新添加2,避免后期打包样式不同,要放在import App from './App';之前
import 'element-ui/lib/theme-chalk/index.css' 

vue(ElementUI之登陆+注册)_第2张图片

 // 新添加3
Vue.use(ElementUI)   
Vue.config.productionTip = false

vue(ElementUI之登陆+注册)_第3张图片

 去element 官网找代码放入APP.vue

vue(ElementUI之登陆+注册)_第4张图片

vue(ElementUI之登陆+注册)_第5张图片

 加入VIEWS 目录

vue(ElementUI之登陆+注册)_第6张图片

 vue(ElementUI之登陆+注册)_第7张图片

2.axios前后端交互

安装 axios

 导入依赖

vue(ElementUI之登陆+注册)_第8张图片

 连接后台

vue(ElementUI之登陆+注册)_第9张图片

 vue(ElementUI之登陆+注册)_第10张图片

 3.axios的get请求优化

下载qs  npm install qs -S

vue(ElementUI之登陆+注册)_第11张图片

 

你可能感兴趣的:(vue.js,elementui,前端)