vue页面值不刷新问题解决 vue主动刷新页面及列表数据删除后的刷新实例？

vue主动刷新页面及列表数据删除后的刷新实例？

通常，当登录成功时，需要将用户信息和菜单信息作为全局共享数据放在vuex中。但是当刷新页面时，vuex中的数据将被重新初始化，从而导致数据丢失。由于vuex中的数据存储在运行内存中，因此刷新页面时，页面将重新加载Vue实例，并重新分配vuex中的数据方法1：将vuex中的数据直接保存到浏览器缓存（会话存储、本地存储、cookie）方法2：刷新页面时再次请求远程数据，动态更新vuex数据方法3：在父页后台请求远程数据，在加载页面时刷新页面前（如果数据请求过多），将vuex中的数据保存到会话存储中，您无法获取返回的数据）

目前在用VUE做一个网页，上面有个实时数据变化展示，如何才能做到不页面刷新使页面数据变化？

您首先想到的是Ajax

虽然您没有使用Vue，但文档中一定有类似的工具

vuex与window对象非常相似，因为它是spa，所以vuex可以进行状态管理。但是，刷新页面时，vuex将重置为其初始值。换句话说，如果您使用Vue执行多个页面，则不会保存您的状态。本地存储是H5本地存储的一种方式。本地存储器保存的数据总是永久保存的，也就是说，只要本地存储器保存了信息，数据就总是存储在用户的客户端。即使用户关闭当前web浏览器并重新启动，也允许数据存在。直到用户或程序明确地进行删除，数据的生命周期才会结束。所以你应该了解他们各自的情况。

vue页面值不刷新问题解决 vue生命周期 vuex刷新后数据存在吗

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。