vue 使用vuex在页面跳转的实现

学习时候碰到的需求场景：我的音乐列表，点击一个音乐项跳转到音乐详情页
第一种方式：使用 router 动态路由传参，将需要的数据带过去
音乐列表页组件：

音乐详情页组件：

音乐列表页通过selectSong方法传参，在音乐详情页的挂载完成里面将数据赋给songDetail，使其渲染页面。
第二种方式：使用vuex；下面有补充vuex的相关代码

音乐详情组件：

音乐列表页中通过引入mutations,将点击的li的数据提交传递到store中的song。在详情页中引入getters,获取store中的song数据。
这样在router里面就不需要配置动态路径参数，就简单的字符串。搭配使用vuex也能实现之前动态路由传参的效果啦。

在这里记录下这个简单vuex操作。也是由于自己对vuex不太熟悉，希望下次需要使用时可以来复习复习。

vuex的相关操作代码<