子路由配置以及vuex

在router/index.js中配置子路由


在singer.vue中添加router-view

在list-view.vue添加点击事件并向singer.vue触发一个事件


在singer.vue中监听list-view.vue触发过来的事件,并实现路由跳转

至此,子路由的配置及跳转完成

关于vuex的常见步骤:

在main.js中引入store(src目录下的store文件夹)

store目录下的state.js添加

store目录下的mutation_type.js添加

store目录下的mutation.js添加

store目录下的getter.js添加

store目录下的index.js添加

在使用时,用mapGetter获取,用mapMmutation存数据

singer-detail

singer.vue

这里尚未涉及到actions,如果要想vuex提交多个数据就用在action里添加一个方法,这样来实现多组数据提交

你可能感兴趣的:(子路由配置以及vuex)