1.虚拟dom是js对象,不用虚拟dom,操作真实dom会消耗性能
2.页面渲染是创建dom树,用rander进行dom的渲染,当dom树发生变化,会重新进行一遍dom的对比。并且进行真实dom的渲染,很消耗性能。
3.diff算法。只对同层级进行对比,所以减少了一个循环查找对应dom的操作,节省性能。提高渲染效率。之所以只能对同层级进行比较是因为对dom加了key值。所以v-for 必须也要绑定key
并且key值最好不是index,因为增加或者是减少里面的项,index会变化。
1.虚拟dom是js对象,不用虚拟dom,操作真实dom会消耗性能
2.页面渲染是创建dom树,用rander进行dom的渲染,当dom树发生变化,会重新进行一遍dom的对比。并且进行真实dom的渲染,很消耗性能。
3.diff算法。只对同层级进行对比,所以减少了一个循环查找对应dom的操作,节省性能。提高渲染效率。之所以只能对同层级进行比较是因为对dom加了key值。所以v-for 必须也要绑定key
并且key值最好不是index,因为增加或者是减少里面的项,index会变化。