javascript - vue 如何做到不销毁组件？

问题描述

问 题

我在首页（index.html）上加了router-view ,然后把几个页面分为几个组件（一个个.vue文件），然后全部引入一个main.js上，通过这个文件写路由加载组件，但是我不想路由每次跳转后，前面访问过的页面的数据都消失了，这样又要重新获取。。但是我在router-view标签上加了 keep-alive并没有用啊，还是有其他什么要配置的吗？或者说有什么其他方法，可以做到数据不销毁，有没有类似angular的service？

上面是目录结构

解决方案

用vuex。页面数据保存在store的state里，store相当于全局变量，只要你浏览器不刷新，view之间的跳转是不会导致数据销毁的，除非你手动更新state中的数据。

这篇关于javascript - vue 如何做到不销毁组件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！