hjr-VUE 后端使用vue和element-ui总结

为什么用VUE

作为一个后端开发，最近写了好几个月前端代码 vue + element，写一下总体感受，之后可能会对技术细节做单节的更新。

总结一下使用感受：

1、和jquery那种传统的方式比觉得最大的好处就是，不再关心dom标签，id等各种属性了，眼中全都是数据双向绑定，操作数据，页面标签就自动变化

2、好多功能都封装成组件，调用时一个标签即可，组件话开发

为什么用element-ui

1、不需要关注css样式设置了，特别是表单，多数时候，还有布局基本思路从各种div改成设置相对绝对布局改成了

2、各种行(el-row)，各种列(el-col)，竖着用el-slider，横着el-main

3、自适应（直接分成24份，自动的匹配屏幕宽度）+响应式（需要设置几个el-col不同的属性，在不同屏幕大小）

4、各种现成的组件，下拉框、时间选择等，具有丰富的配置参数

项目架构

使用vue+element-ui 做后端管理系统

一些经验

1、前端项目用idea，gti提交特别卡，所以需要配置好gitignore文件，最重要的是把node_model过滤掉，还有提交界面把各种代码检查都关掉

2、建议用2021版本的idea同时开发前端和后端，不要用旧版本的，对前端支持不好，比如2016

3、没必要用webstorm，直接用最新版的idea就足够了，否则电脑同时开启idea和webstorm会非常卡

4、ctrl+alt+l 前端也要养成每个页面都格式化代码的好习惯，有时候全文替换会特别方便

需要掌握的技术细节（学习路线）

1、引入npm框架相关

2、组件封装相关

3、熟练使用element-ui的布局

4、vue生命周期，组件引用，加载顺序，数据监听，样式冲突等

.
.
.