vue 3 搭建电商网页 实战日记全过程
作者：LX
基于开源项目：
newbee-mall ：使用到VueJs3.0 及相关技术栈开发。目前实现了：首页门户、商品分类、首页轮播、商品搜索、商品展示、购物车、帮助中心模块。
MaterialDesign Iconfont：字体图标css文件 (https://materialdesignicons.com/)
v-md-editor：https://www.npmjs.com/package/@kangc/v-md-editor
为什么不自己造轮子
由于时间有限，我选择站在巨人的肩膀上，但其实开源项目作者有小册子，里面详尽地介绍了web前后端最主要、前卫的技术栈，我个人认为教程是很干货，我真的从中学到了很多东西，可以说是对平日老师所讲的更好的补充。而我自己是跟着教程一步步手打代码，一步步理解的。
其实我只做了前端的工作，后端api接口还需要用java写，还得会配置服务器，实在是因为时间有限。
使用到的技术栈：
Vue框架全家桶：VueJs3.0 + Vue-router + Vant + Vuex，方便前后端分离
支持css语法的Less语言预编译
结构
学习路径
案例分享：
https://blog.csdn.net/u011645165/article/details/91047337
https://juejin.cn/book/6844733826191589390
1. 搭建环境
npm install @vue-cli
vue ui
spring-fox接口文档与调试:
https://www.cnblogs.com/iqiuq/p/14883839.html
https://blog.csdn.net/qq_42539533/article/details/90607415
Gradle Vs Maven：Java项目构建工具如何选择？
2. 遇到的一些问题
Vue生态问题
配置vue-router
ps: 若子页面有error一定会造成vue-router无法切换页面的异常
Vuex: https://juejin.cn/post/7052714417665867784
vue的computed属性中：https://www.jianshu.com/p/56f337688d6b
setter监听器→getter获值→updated触发特定动作或函数
CSS3 弹性盒子Flex属性:http://c.biancheng.net/css3/flex.html
Vue内嵌iframe跨域配置（其实是浏览器拦截了）：https://cloud.tencent.com/developer/article/1609464
vue展示markdown：https://juejin.cn/post/6975485076918239239
https://blog.51cto.com/u_15770151/5631036
vue跨域问题：https://blog.csdn.net/weixin_45859193/article/details/117676741
vue操作DOM，this.$ref.(控件的ref="...")：https://blog.csdn.net/qq_43363884/article/details/88285332
https://www.cnblogs.com/yinyuxing/p/14510803.html
vant-swiper不能拖拽：https://blog.csdn.net/qq_40542728/article/details/100078630
JS基础
延时： setTimeout() 在指定的时间后（单位为毫秒），执行某些代码，代码只会执行一次
循环： setInterval() 按照指定的周期（单位为毫秒）来重复执行某些代码，定时器不会自动停止，除非调用 clearInterval() 函数来手动停止或着关闭浏览器窗口
解构的意思：https://www.php.cn/website-design-ask-491301.html
回调函数：https://www.runoob.com/w3cnote/c-callback-function.html
