016 Vue状态管理(Vuex)

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

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

1、引入 Vuex 的步骤
第一步：安装 Vuex： npm install --save vuex

 

第二步：配置 Vuex 文件

import { createStore } from 'vuex'

export default createStore({

  state: {

    counter:0

  }

})

 

第四步：在组件中读取状态

<p>counter:{{ $store.state.counter }}</p>

// 或者

import { mapState } from 'vuex';

computed:{

   ...mapState(["counter"])

}

//反复读取，快捷读取