文档
VUE文档:https://cn.vuejs.org/v2/guide/components.html
element ui文档:https://element.eleme.cn/#/zh-CN/component/installation
iView文档:https://www.iviewui.com/
echart文档:https://www.echartsjs.com/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts
阿里图标库:https://www.iconfont.cn/
页面转PDF:https://www.tallcomponents.com/
准备工作
新建VUE项目:https://www.jianshu.com/p/9c1d4f8ed068
vue项目文件调用:https://www.cnblogs.com/yangguoe/p/9128400.html
vue-cli目录结构:https://www.cnblogs.com/huangfeihong/p/9141273.html
启动:npm run dev
VUE启动流程:https://www.cnblogs.com/xifengxiaoma/p/9493544.html
遇到的问题
cnpm不是内部或外部命令解决:https://blog.csdn.net/u011095110/article/details/85296607
vue不是内部或外部命令解决:https://blog.csdn.net/wsjzzcbq/article/details/90173009
VUE项目加载后端SpringBoot的数据,若是两个网站则涉及跨域;若不想跨域:VUE整合SpringBoot,VUE要打包,打包生成的文件放在SpringBoot项目目录下;F12能看到后端传到前台的数据;
加载数据,纯前端解析后台数据出现的问题:https://www.cnblogs.com/wzbk/p/10308216.html;
v-model为空你试试看;
启动项目失败:删除node_modules目录,npm install,npm run build;启动失败的原因可能是改动标签页图标;
快速删除mode_modules目录:npm install rimraf -g,rimraf node_modules;
js文件报错:https://blog.csdn.net/qq_38446250/article/details/80276625
require()不识别,package.json中加入:@vue/cli-plugin-typescript,重新npm install;
一个VUE文件是一个组件;父组件引入子组件,子组件的js代码在子组件里写,css代码在父组件中写;
created():html加载完成之前执行;执行顺序:父组件-子组件;
VUE文件:注意异步请求,请求完再执行括号内代码,括号外可能先执行;一个VUE文件内容执行顺序;
vue跳转页面携带对象参数刷新页面参数数据消失,这和状态管理有关;https://blog.csdn.net/lin5508/article/details/102836080
清缓存:https://blog.csdn.net/weixin_42470791/article/details/82833415
启动前端问题
输入命令遇到问题:https://blog.csdn.net/y_0232/article/details/102555209
传值
父组件向子组件传数据:v-bind,子组件接收props;避免父组件数据通过子组件再到孙组件的写法;
跳转页面携带数据,为了不携带数据,读session可以,local storage也可以,https://blog.csdn.net/HYeeee/article/details/82691376
Vuex传值:https://www.cnblogs.com/wisewrong/p/6344390.html
VUE文件命名:避免敏感关键字;
methods内的方法之间相互调用:this.$options.methods.方法名();
注意:v-show不能动态更新的问题,赋值没有触发vue视图更新;
package.json类似maven的pom.xml;
v-for出来的表单,表单的ref得动态修改,表单验证用$ref.validate会复杂一些,还是自定义验证数据吧;
VUE跳转u_resume那固定一个页面卡死,跳转别的不卡死???还好后端报错;可怕的是前后端都不报错的卡死、bug;最后发现,不是后端问题,
https://www.cnblogs.com/han77/p/10607900.html,我服了!!!!!!!
vue 页面跳转样式错位刷新又好了:可能是上一个页面的样式没被销毁,应用到当前页了。 上一个页面的样式加 scoped,或者写的时候自己规范;
Vue过滤器:https://www.jianshu.com/p/bd73153d961c
get请求:_this.$ajax.get('/readJSONFile').then(function (res) {
思考
数据的提交与加载,可以用Ajax、JSTL、el表达式、thymeleaf(SpringBoot推出的前端解决方案,但是不用,都前后端分离);
加载:数据库->实体类->转JSON->前端,是数据传到前端;
提交:
自己写前后端:前端数据->实体类->数据库;
前后端分工:前端数据->JSON->实体类->数据库;
数据驱动视图原理:https://www.cnblogs.com/caizhenbo/p/6418284.html
响应式原理:https://cn.vuejs.org/v2/guide/reactivity.html
前进/后退时页面数据的缓存与刷新:https://www.cnblogs.com/miny-simp/p/11345535.html
心得
要习惯备份关键数据(副本初始化,副本初始化后只读),每次只需还原一下即可;
nodejs安装 20200819
用户变量
PATH:
C:Users李箎AppDataRoaming pm
D:NodeJs ode_cache
系统变量
Path:
D:NodeJs ode_global
D:NodeJs ode_cache
D:NodeJs
VUE:
D:NodeJs ode_global
npm config set registry "https://registry.npm.taobao.org"
npm config set prefix "D:NodeJs ode_global" 设置全局模块存放路径
npm config set cache "D:NodeJs ode_cache" 设置缓存文件夹
参考:https://www.cnblogs.com/qiangyuzhou/p/10836561.html
js没生效先f12看看js代码更新了吗;浏览器f12js断点打着导致js脚本没更新 清浏览器的缓存 清历史记录;