vue如何实现局部刷新 vue主动刷新页面及列表数据删除后的刷新实例？

vue主动刷新页面及列表数据删除后的刷新实例？通常，当登录成功时，需要将用户信息和菜单信息作为全局共享数据放在vuex中。但是当刷新页面时，vuex中的数据将被重新初始化，从而导致数据丢失。由于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浏览器并重新启动，也允许数据存在。直到用户或程序明确地进行删除，数据的生命周期才会结束。所以你应该了解他们各自的情况。

vuex存储信息，刷新页面后数据没了，有什么办法可以保留数据么？

在订购时，我们提交订单以确认，但退回并重新订购。此时，我们返回时无法刷新，所以最好在同一页上订购并确认订单。如果使用Mui的单页，可能会有太多的页面无法操作。加上界面，内容太多了。我们可以考虑使用iframe框架。第二个页面是通过iframe引入的，但是请注意它们可能是一个页面。当您进入第二个页面，即iframe framework页面时，返回可能是整个返回，但是order页面将被忽略，因为您将它们视为一个整体。知识点：窗口.self对当前窗口本身的引用。相当于窗口.top. 返回顶层窗口，即浏览器窗口窗口.父级返回父窗口。在框架页面中，父窗口通常是顶级窗口，但如果框架中有框架，则父窗口和顶级窗口不一定相同。在iframe引用的特定页面中，写下：window.parent.closeiframe文件（）在包含框架的主页面上编写函数closeiframe（）{//隐藏框架$（“iframe”）。Hide（）}返回页面时返回父窗口。