一,Vue 解决了什么问题?
1,虚拟DOM :dom操作是非常消耗性能的。不在使用原生的dom操作节点,极大的解决dom操作。不过具体操作的还是dom ,不过是换了一种方式
2,试图、数据、结构分离:使数据和的更改更为简单,不需要逻辑代码的的修改,只需要操作数据就能完成相关操作
3,组件化:把一个单页应用中的各个模块拆分到一个一个单独的组件中,便于其他组件的再次使用,已经后期的维护。
二,虚拟DOM 原理
虚拟DOM,其实就是用对象的方式取代真实的DOM操作,把真实的DOM操作放到内存当中,在内存中的对象里做模拟操作。
当页面打开的时候,浏览器会解析HTML元素,构建一棵DOM树,将状态全部保存起来,在内存当中模拟我们真实的DOM操作,操作完成之后又会生成一棵DOM树。两棵树DOM树进行比较,根据diff算法比较两颗DOM树不同的地方,只渲染一次不同的地方
vue
最新推荐文章于 2024-07-29 11:53:27 发布