input回退消失 vue_vue单页面回退丢失参数的问题

一、vue单页面回退丢失参数的问题

可能有些跟我一样的新手同学会遇到一个问题，就是比如我从商品详情跳转到购物车，没问题，但是，购物车页面中点击浏览器的回退按钮，返回到detail页面时，你的动态数据(图片啊，名称啊，价格啊什么的)不见了，只剩下一堆css样式架子在那里，很难受。

这就是单页面回退参数丢失的问题，

1、首先，我们需要了解一下Vuex。(状态管理)具体大家百度vuex

在vue-cli工程中

npm安装：npm i vuex --save

引入到项目mian.js中：

import Vuex from 'vuex'

Vue.use(Vuex);

定义一个常量

const store = new Vuex.Store({

state: {

songInfo:''

},

mutations: {

//定义函数，比如我要获取songInfo

getSongInfo(state, songInfo) {

state.songInfo = songInfo;

}

}

});

然后全局的vue中加上去store

/* eslint-disable no-new */

new Vue({

el: '#app',

router,

store,

components: { App