浏览器缓存原因导致vue 打包后的文件不能即使更新最新代码，缓存里面内容未清除。解决方案：在打包的文件名中添加一个版本号，以便浏览器能区分

Vue3的setup语法糖，导致无法自定义组件name，使用keep-alive是需要name的，所以include不生效。解决这个问题通常有两种方式。

在父、子组件中同时使用了window.onresize，子组件中window.onresize无效。子组件代码如下：出现问题为console的lineHeigt为2，但实际在vue中lineHeigt仍为0data(){return {lineHeigt: 0}},mounted() {let _this = this;window.onresize = function() {_this.get

多个组件绑定同一个ref名，this.$refs[refName]拿到的值为数组,需循环调用子组件中的方法1. 如图，多个组件绑定同一个ref名2. 通过this.$refs拿到的dom对象为数组，需循环调用子组件中的方法this.$refs拿到的dom对象为数组循环调用子组件中的方法this.$refs.identityFormItem.forEach(el => el.clearVali

问题: el-row中el-col排列混乱解决方案：将el-row中元素改为flex布局设置flex-wrap: wrap，避免el-row中元素span之和超过24时挤在一行.el-row{display:flex;flex-wrap: wrap;}

Vue3的setup语法糖，导致无法自定义组件name，使用keep-alive是需要name的，所以include不生效。解决这个问题通常有两种方式。

vue3动态渲染组件

switch 语句用于基于不同条件执行不同动作。1. 语法switch(表达式 || 值) {case value1:代码块break;case value2:代码块break;default:默认代码块}传入一个表达式或一个值从上往下执行，把表达式的值与每个 case 的值进行对比如果存在匹配，则执行关联代码，不匹配会break最后一个case或default

vue3动态渲染组件