vue的状态管理（vuex）

Vuex是一个专为vue.js应用程序开发的转台管理模块+库，它采用集中式存储管理应用的所用组件的状态，并以相应的规则保证状态以一种课预测的方式发生变化。

简单来说：状态管理可以理解成为了更好的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和改变数据。

引入Vuex的步骤：

1.安装Vuex；

npm install --save vuex

2.配置vuex文件：store --> index.js

3.在主文件中引入vuex：main.js

4.读取状态<p>{{ $store.state.counter}}</p>

     快捷方式

import {mapState} from "vuex"

  computed:{

     ...mapState(["counter"])

  }

<p>{{ counter}}</p>