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

音乐详情页组件：

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

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

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

vuex的相关操作代码：新建一个store文件，将state,mutations，getters都单独建文件，在store的index.js中引入。同时要在main.js中将引入store并将其注入到根元素中。