vuex，路由，

vuex

vuex主要用在数据传值

vuex里有这么一个规则：

只能在mutaions里修改state，actions不能直接修改state

数据传值有分为

正向传值：poprs

逆向传值用：$.emit

兄弟组件传值：Eventbus

跨层级跨组件传值：vuez

vuex就是一个数据仓库 把所有的组件数据 统一的放在vuex中 那么这样一来 那个组件想使用数据 那么这个组件直接就去vuex中进行读取即可 大大简化了传递数据的复杂性

vuex 有五个核心的函数

1、State 数据的管理 可以把他理解成一个仓库，可以在里面放所有数据类型的数据

 state: {
   //存放数组的--
    text:"我是一个字符串",
    num:123,
    arr:[1111,22222,3333,4444,6666]
  },

拿出数据需要使用{ {this.$store.state.xxx}}来进行数据操作的

2、mutations： mutations即变化，修改state的数据，而且只能是同步的，不能存在异步的操作。

mutations里面是如何更改state中状态的逻辑。更改Vuex中的state的唯一方法是，提交mutation，即store.commit(‘increment’)

3、actions：如果需要异步怎么办呢？把异步操作放在actions里，拿到数据再通过mutations同步处理。

4.actions – 提交mutation，异步操作

5.mudules – 将store模块化

1） module是为了将store拆分后的一个个小模块，这么做的目的是因为当store很大的时候，分成模块的话，方便管理。

2）每个module拥有自己的state，getters，mutation，action

关于store，需要先记住两点：

1. store 中存储的状态是响应式的，当组件从store中读取状态时，如果store中的状态发生了改变，那么相应的组件也会得到更新；

2. 不能直接改变store中的状态。改变store中的状态的唯一途径是提交(commit)mutations。这样使得我们可以方便地跟踪每一个状态的变化。

路由

在src文件夹下多了一个router的文件夹与views的文件夹

router文件夹 就是配置路由的文件夹

views就是写路由页面的文件夹

正常配置

<