java程序员的蜕变之路

解压相关文件，配置系统环境变量PATH，安装的其他的都不用修改。查看详细配置信息，使用 npm config list。不使用nvm，直接使用zip包和手动配置环境变量。注意要重启idea，如果还是无效，就重启下电脑哦。修改系统变量中的path值，重启下电脑。下载相关的zip版本的，

说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。③nodejs的安装路径会默认指定到C盘，需要更改路径到D盘或是E盘。重点，如果不是默认安装在C盘下，需要再操作nodejs的环境配置。

部分老旧项目需要使用低版本的node，网上很多是无效的，高版本无法直接安装低版本node，但是低版本nodejs可以安装部分高版本node，从而达到升级效果。NVM安装nvm是什么nvm全英文也叫node.js version management，是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具，为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。

输入npm i全安装文件所需的依赖的时候，博主是使用sass去书写的，使用的是node-sass@4.14.1和sass-loader@7.3.1的版本的，安装的时候老是出现错误，

添加：min-width="200px;

公式： 动态校验项的v-model的绑定值 = el-form的属性 :model的值 + '.' + :prop属性的值以此反推 :prop属性的值此公式适应与element、element-plus、ant-design-vue组件库的表单校验场景：本文是三种表单校验1.多个变量控制某一项校验2.对于数组for循环，校验每一项3.对于两个不同的字段，分别v-if显示隐藏的校验1. required: true 会有 * ， 但仅是触发最后点击提交按钮时，校验某一项位必填；

一、不同意的时候必须添加备注。

在中，:prop="'usageList.' + scope.$index + '.intakeUse'"：这个写法是为了与表格内的动态数据绑定。scope.$index是当前行的索引，结合usageList（表格数据数组的名字），可以形成一个完整的路径，如usageList.0.intakeUse，usageList.1.intakeUse等，这使得el-form-item能够与表格中特定行的intakeUse属性进行数据绑定和验证。table中的数据在 form.usageList中，

Tips: 如果输入变量值之后没有自动创建【node_modules】文件夹，就在【node_global】下手动创建一个【node_modules】文件夹，再复制你创建的【node_modules】文件夹的路径地址到变量值。步骤： 鼠标右击【node_global】的文件夹，点击【属性】，再点击【安全】，再点击【编辑】，将权限都勾上，随即点击【确定】即可，【node_cache】步骤同理。新安装后，需要重启idea，终端才可以使用。使用管理员身份打开cmd命令窗口。将默认的 C 盘下【

Vue弹窗的使用：Vue弹窗传值：

子组件在export default{}中通过props来进行接收，使用的时候可以直接当变量使用，js中通过this.closeValue取值，html中{{closeValue}}:visible.sync="" 是用来控制显示或者隐藏状态，当dialogBiomeVisible的值为true的时候为显示，false的时候就是隐藏，父组件向之组件传值的时候，需要在组件标签中定义一个自定义属性进行传值，可以传一个字符串，也可以传一个变量。使用element-UI中的。

对象和数组都是复杂数据类型，复杂数据类型存的是地址值，地址没有变，不会触发watch。这时我们需要进行深度监听，就需要加上一个属性 deep，值设为 true，使用deep属性可以监测到整个对象所有属性值的变化，某个属性发生变化，watch都会触发监听该对象。watch：侦听器，是Vue实例的一个属性，是用来响应数据的变化，需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。如果只是监听单个简单的数据，使用watch的简写形式就可以满足需求。数据改变之前的值：该数据改变之前的值。