- 博客(26)
- 收藏
- 关注
原创 Vue3.2 响应式优化对应用层的改变
2020年10月29日,社区大佬 basvanmeurs 提出了一个新的 PR,大概的意思是说:他重构了响应式的部分内容,大大增加了性能。对于这两种使用方式而言,它们在应用层上并没有明确的界限,也就是说我们可能很难仅通过官网的介绍来判断我应该在什么情况下使用什么。如果大家之前有过了解 Vue3 代码的话,那么会知道 Vue3 中声明响应式数据的方式有两种:ref reactive。那么针对于这个变化,在应用层中最大的体现就是 ref 这个 API ,性能得到了大幅度的提升。所以说,拥抱新的变化吧!
2024-08-15 10:25:35 181
原创 vue3 使用了 Proxy 代替 vue2 Object.defineProperty() 实现响应式
这也是为什么 vue3 中不再有 Vue.set 方法的原因。这里所谓的 JavaScript 的限制,所指的就是 Object.defineProperty() 的限制。但是,这样的一种情况其实一直都是不合理的,因为这只是无意义的增加了复杂度而已,但是一直以来因为 Object.defineProperty() 这个 API 本身的限制,所以一直无法处理。因为 Object.defineProperty() 是通过:为对象属性指定描述符的方式来监听对象中某个属性的get和set方法。
2024-08-15 09:41:24 232
原创 vscode 前端代码保存自动格式化解决方案
在这里插入图片描述](https://i-blog.csdnimg.cn/direct/aee39b0d61954eb2828f22204ce531f7.png。1.在 VSCode 中安装 prettier 插件(搜索 prettier),这个插件可以帮助我们在配置 prettier 的时候获得提示。2.在项目中新建 .prettierrc 文件,该文件为 perttier 默认配置文件。在设置中,搜索 save ,勾选 Format On Save。// 多行逗号分割的语法中,最后一行不加逗号。
2024-08-13 14:18:21 224
原创 vue 解释关于key值最好不要用index的实际场景说明
这个时候模板上就是使用的index作为key值,如果能请求到数据的情况下这个index就会混乱,出现表格头跟数据对不上的情况,所以模板循环最好不要用index当做key值。解决方案为先给表格列默认值,然后请求后端接口保存的动态列的数据,如果请求到数据则把默认值替换掉,请求不到继续使用默认值则不替换。table表格列需要动态配置的场景,如果用户第一次登录则没有配置过,那么这个时候就需要使用表格列的默认值。
2024-07-24 14:56:34 110
原创 el-select多个多选的情况下已经选中的不允许再选择
1.重点:给:disabled使用一个函数 (checkDisabled)2.checkDisabled函数体。
2024-07-23 09:56:06 559
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人