Vue路由及状态管理

1，Vue引入路由配置

在Vue中，我们可以通过vue-router路由管理页面之间的关系
Vue Router是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举

2，路由跳转携带参数

3，嵌套路由的配置

4，vue状态管理

及vue提供集中式的数据管理方案，方便其他组件访问某一组件中的信息。

 

 

 5，vue状态管理核心

最常用的核心概念包含: state 、'Getter 、Mutation 、Action

Getter
 

 

Mutation

更改Vuex的store 中的状态的唯一方法是提交mutation。Vuex中的mutation非常类似于事件:每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受state 作为第一个参数

 

 

目录

1，Vue引入路由配置

在Vue中，我们可以通过vue-router路由管理页面之间的关系Vue Router是Vue.js的官方路由。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举2，路由跳转携带参数

3，嵌套路由的配置

4，vue状态管理

 5，vue状态管理核心

Getter ​编辑 

Mutation

Action

---

Action类似于mutation，不同在于:
Action提交的是 mutation，而不是直接变更状态Action可以包含任意异步操作