diff 算法:就是比较新旧虚拟dom之间差异的一种算法
1、diff 比较规则:
比较两个虚拟dom只会在同层级之间进行比较,不会跨层级进行比较。而用来判断是否是同层级的标准就是
是否在同一层
是否有相同的父级
2. 虚拟 dom 就是普通的js对象,用来描述真实dom结构的js对象
3虚拟dom比真实dom性能更好吗?
首次渲染大量dom由于外层多了层虚拟dom,会比较慢点,但当虚拟dom增删改时会减少触发重绘与回流,而真实dom会必定触发重绘或回流,这样会增加渲染开销
vuex和loaclstorage的区别
1.vuex存储在内存中
2.loaclstorage存储在本地中,只能储存数据为字符串类型,通常需要通过json.parse和json.stringify来进行数据转换,读取内存比读取硬盘较快
应用场景:
1.vuex主要用于组件传值
2.loaclstorage一般是跨页面传递数据使用
3.vuex可以实现数据响应式,loaclstorage不可以
永久性:
vuex一般页面刷新储存的值会消失,