Node.js与VUE

文档

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脚本没更新  清浏览器的缓存 清历史记录;

原文地址:https://www.cnblogs.com/yyjh/p/11972000.html