nextTick keep-alive

以下内容都是项目过程中总结的,作为自己的笔记,不能当做教程
nexTick
是保证DOM更新以后渲染到页面上, dom渲染结束调用的

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
更新dom之后,如果要使用更新过的dom, 使用nextTick 可以保证你拿到的是更新后的值

钩子函数

keep-alive
主要是为了保留组件状态, 避免重新渲染
实际保留的是用户操作的虚拟dom
keep-alive 缓存的时候, 要实现页面刷新,created 钩子函数不会调用, 实现页面刷新 要使用activated 钩子

keep-alive 存在的情况下,已进入页面,保留了缓存,如果要每次刷新,可以使用activated 钩子函数 调用渲染页面的方法
不用keep-alive , 使用created 钩子函数,每次进入页面都会刷新到初始条件
总结: 要想达到每次进入页面刷新,

  1. 要么不使用keep-alive 然后写在created 钩子函数里面
  2. 使用了keep-alive ,使用activated 钩子函数里面就可以
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 他,来自陕西汉中,一个普普通通的陕西汉子。每天从山脚下背两袋沙子向山顶运送,一天两趟,一袋沙子一百斤,运一袋一百元...
    沐阳燕阅读 3,134评论 2 1
  • 今天家里来亲戚了,气氛突然变得热闹起来,我一时有点不习惯。因为我家几乎没有亲戚来访,过年也跟平常一样。 ...
    喜欢文字的恬恬阅读 1,144评论 0 0
  • 如果定义的蓝图比较多,导入蓝图是一件很恶心的事情, 可以使用werkzeug中的 方法进行批量导入。 如下:
    ikaroskun阅读 1,397评论 0 0
  • 文/爱上时光的猫 在人生的路上,不断地寻找并发现更好的自己。 细节描述:人物描写 5/6 日更第26天 ...
    木棉纪阅读 4,793评论 4 49