以下内容都是项目过程中总结的,作为自己的笔记,不能当做教程
nexTick
是保证DOM更新以后渲染到页面上, dom渲染结束调用的
钩子函数在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
更新dom之后,如果要使用更新过的dom, 使用nextTick 可以保证你拿到的是更新后的值
keep-alive
主要是为了保留组件状态, 避免重新渲染
实际保留的是用户操作的虚拟dom
keep-alive 缓存的时候, 要实现页面刷新,created 钩子函数不会调用, 实现页面刷新 要使用activated 钩子
keep-alive 存在的情况下,已进入页面,保留了缓存,如果要每次刷新,可以使用activated 钩子函数 调用渲染页面的方法
不用keep-alive , 使用created 钩子函数,每次进入页面都会刷新到初始条件
总结: 要想达到每次进入页面刷新,
- 要么不使用keep-alive 然后写在created 钩子函数里面
- 使用了keep-alive ,使用activated 钩子函数里面就可以