webpack创建vue项目使用vuex生命周期函数

webpack创建vue项目使用vuex生命周期函数
我要实现的效果是，点击改变vuex里面的数据，但是不跳转就能改变，所以操作是这样的，在created中获取数据，页面接受这个数据，然后点击改变页面的数据，但是仅仅改变的是页面的数据，跳转其他页面再回来这个数据就重置了，所以需要在生命周期函中的beforeDestroy中，在组件销毁之前将页面改变后的数据存回到vuex中。有点类似于订单状态分类的效果，改变订单状态（配合v-if使用）

1，首先有两个页面，这样才能看到效果
1.1

1.2

2，在一个页面中获取数据，并定义函数，点击增加，然后再生命周期函数中重新赋值回去
2.1

2.2，现在虽然赋值回去了，但是vuex中还没有改变，跳转其他页面就可以看到数据改变了

2.3，跳转第二个页面，数据改变了