入职第一周踩的7个前端大坑

两年半没写代码了现在重新写代码居然力不从心在一个又一个低级错误上踩坑。现在复盘一下入职第一周踩的坑。1、vue3 ref赋值后页面不显示响应式陷阱我写了个异步接口获取更新时间控制台都能打印出res的值但页面{{ upateTime }}就是空白。// 错误写法普通变量完全不响应式letupateTimeconst fetchUpadateTimeasync(){const resawait timeBoundaryEpcEquipmentApi()upateTimeres.data}原因vue3不会追踪普通js变量的变化。update本身是空后面值改了但vue不知道要更新视图。正确写法const upateTimeref()const fetchUpadateTimeasync(){const resawait timeBoundaryEpcEquipmentApi()upateTime.valueres.data}用ref包裹变量js里要用.value赋值模板里直接用{{ upateTime }}。2、el-select选择框只显示值2不显示lablel2h设备值类型匹配错误我写了一个下拉选择框明明数值是2但就是不显示该选项的label,只显示数字2错误写法!-- 错误写法value是字符串2--el-optionlabel2h设备value2/el-option原因el-select内部用“”严格匹配”2与“2”严格上不相等。正确写法el-optionlabel2h设备:value2/el-option3、git push合并被拒后rebase命令本地代码差点全丢了git push后显示被拒绝了因为远程有我本地没有的改动。我就输入了git pull --rebase origin dev 没想到啊我本地的代码全不见了我顿时懵了未完待续