使用vuex和路由守卫

1、接口文档

2、vuex

 

 

2.1、vuex是什么？
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储，管理应用中所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

2.2、为什么要用vuex？

进行统一的状态管理，解决不同组件共享数据的问题。

不同视图需要变更同一状态的问题。

使用vuex之后，状态变化更加清晰。

2.3、如何使用vuex？

1.安装引入 npm install vuex --save

2.注册到vue中

import Vue from 'vue'
 
import Vuex from 'vuex'
 
Vue.use(Vuex)
 
实例化vuex的store
 
const store = new Vuex.Store({
 
    state: {
 
        count: 0,
 
        title:'vuex中的title'
 
    },
 
    mutations: {
 
        increment(state,