浅谈vuex的使用

因为最近在写vue的项目，所以作为一名技术新手来说总是会遇到很多问题，在写这个需求的时候浪费了挺长时间，所以打算记录下来。

以前也学过vuex，但一直没有独立的使用过，所以在写的时候完全没想过用vuex来没解决，在请教了大佬之后用vuex几分钟就解决了...汗！

需求图示：当点击底部按钮的时候，上面部分左边的按钮也要对应的选中

代码图示：（这是俩页面）

因为是跨页面操作，所以涉及到传参的问题，如果使用过vue的话，应该知道组件间传参的痛苦QAQ...第一次的想法是利用缓存来解决，点击底部按钮的时候把index放到缓存中，然后当页面加载的时候获取index的值，把值赋值给menuIndex

但是，获取缓存的那个页面一直是不变的，不管是写在created还是mounted中，都是在刚进入页面的时候会刷新本页面数据，所以说当你第一次点击的时候是起作用的。但是也仅限于第一次，之后的点击写在这些方法里就不起作用了。所以这个方法以失败告终！

然后在请教过后得到的方法是用vuex。在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新！这就很奈斯了，全局变量用起来

首先，在store中定义一个值：

然后咱们就可以肆无忌惮的用起来啦：

这个时候我们已经不用去想两个页面之间该如何联系起来，因为vuex可以保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新！所以如果有需要用到组件间传参的话我觉得vuex真的是不错的选择。因为开发经验少，所以说看起来即便是一个小问题，但对我来说也是一次新的经验的积累啊。