vuex结合router-view刷新当前页

项目案例

• 单击当前页面对应的菜单，以刷新当前页面(即重新载入)

结合案例理解一下vuex中的几个概念
state： 将state看作是所有组件的data, 用于保存所有组件的公共数据
getters： 将getters属性理解为所有组件的computed属性
mutaions： 将mutaions理解为store中的methods, mutations对象中保存着更改数据的回调函数,该函数名官方规定叫type
第一个参数是state, 第二参数是payload, 也就是自定义的参数.
注意:调用mutaions中回调函数, 只能使用store.commit(type, payload)
actions： 类似于 mutations，不同在于：
actions提交的是mutations而不是直接变更状态
actions中可以包含异步操作, mutations中绝对不允许出现异步
actions中的回调函数的第一个参数是context, 是一个与store实例具有相同属性和方法的对象
module： Vuex 允许我们将 store 分割成模块（module）
每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割