Vuex 学习笔记

组件之间共享数据的方式 小范围

• 父向子：v-bind属性绑定 简写:
• 子向父：v-on 事件绑定 简写@
• 兄弟组件之间共享数据：EventBus

Vuex是实现组件全局状态(数据)管理的一种机制，可以方便的实现组件之间数据的共享

// 安装
npm install vuex --save
// 导入
import Vuex from 'vuex'
Vue.use{Vuex}
// 使用
const store = new Vuex.Stor({
    // state中存放的就是全局共享的数据
    state:{ count :0 }
})

组件访问State中数据的第一种方法

this.$store.state.全局数据名称

组件访问State中数据的第二种方法

 mapState 函数

// mapState 函数
import { mapState } from 'vuex';
computed:{
    ...mapState(['全局数据名称'])
}