vue单页面应用如何做状态保持.

Question

需求: 当我在一个页面输入数据, 还未提交到服务器的时候, 页面路由切换到其他页面, 这个时候我需要怎样保存这个还未提交的数据, 当路由回到输入页时保持上次的状态.

现在在看 vuex, 请问当我切换路由时, 那些状态能够保持吗?

Answer 1

做双向数据绑定配合vuex或者使用sessionStorage

Answer 2

vuex
http://vuex.vuejs.org/zh-cn/i...

Answer 3

官方推荐 vuex

参考 https://github.com/TIGERB/eas...

Answer 4

1，ES6 模块化！

2，找个能存储的地方存储就行了， 比如cookies, localstorage, sqlite

3, 如果你用了vuex 数据状态是共享的，持久的。

Answer 5

使用vuex,将你表单的数据储存到vuex store中，当你回到起初的路由就会用store中的值去初始化页面，之前输入的数据自然就还原到组件中了。
当你提交之后清空即可。

如果你刷新页面了，页面数据就丢了，可以将store中的数据保存到localStorage中解决页面刷新数据丢失的问题。