- 博客(10)
- 收藏
- 关注
RSS订阅原创 Vue虚拟DOM
当Vue组件的数据发生变化时，Vue会先生成一个新的虚拟DOM树，然后将新的虚拟DOM树与旧的虚拟DOM树进行对比，找出两者之间的差异，这个过程称为“diff”。根据差异的结果，Vue会只更新发生变化的部分，而不是直接操作整个真实DOM树，从而提高了页面渲染的性能。在Vue.js中，使用虚拟DOM的方式是将组件的模板转换为虚拟DOM树，并利用Vue的响应式系统来监听数据的变化。总结一下，虚拟DOM是Vue.js中用于提高性能和跨平台开发的机制，通过比较虚拟DOM树的差异来进行高效的DOM更新。
2024-06-17 10:47:35
381
原创 Vue中的历史模式和哈希模式
缺点：历史模式在浏览器兼容性方面有一些限制，例如在IE9及以下版本中不支持。另外，使用历史模式需要服务器的支持，否则在刷新页面或直接访问特定URL时会出现404错误。底层原理：无论是历史模式还是哈希模式，实质上都是通过监听浏览器的URL变化来匹配路由并渲染相应的组件。当URL发生变化时，Vue根据实际情况进行匹配，并执行相应的操作。优点：哈希模式在浏览器兼容性方面有较好的支持，能够兼容大部分浏览器。优点：历史模式的URL直观美观，更接近传统的URL路径。Vue中的历史模式和哈希模式是两种不同的路由模式。
2024-06-17 10:43:33
222
原创 常用的数组方法
需要注意的是，这些方法会改变原数组，而不是返回一个新的数组。如果想返回一个新的数组而不改变原数组，可以使用concat()或slice()方法。
2024-06-17 10:41:38
378
原创 vue3和vue2的区别
Composition API：Vue3引入了Composition API，使得组件的逻辑可以根据功能进行组织，而不再受限于选项的生命周期钩子函数。新的响应式系统：Vue3使用了新的响应式系统，更好地支持了深层次的对象和数组的响应性。更小的包体积：Vue3采用了模块化设计，使得代码的体积更小。同时，Vue3也提供了按需加载的方式，可以按需引入所需的功能。更好的 TypeScript 支持：Vue3对TypeScript的支持更加完善，提供了更好的类型推断和IDE支持。
2024-06-17 10:40:02
285
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人