vuex的使用

-state辅助函数-mapSatate

mapState作用： 将vuex中的数据映射到组件的计算属性中

组件传值的几种方式

序号	组件关系	数据通信
1	父子关系	子传父：$emit ； 父传子：props
2	非父子关系	eventBus: $on + $emit
3	非父子关系	vuex

vuex

1.Vuex作用是什么：

• 多个组件共享状态(数据)

2.Vuex特点：

• (1)响应式：只要vuex数据一变化，其他所有地方都更新 （太爽了！！！）
• (2)语法简洁（但是要多多熟悉）

3.Vuex使用场景？(思考：是不是有了vuex，以前的父子组件传值就没有用呢？)

• vuex使用场景 : (1)多个组件都需要使用的数据：共享 （2）组件传值比较麻烦（不是父子关系）
• vuex不推荐场景 ： （1）数据不需要在多个组件使用：不共享 (2)组件传值比较容易（父子传值）

state状态

State提供唯一的公共数据源，所有共享的数据都要统一放到Store中的State中存储。

getters派生状态

total属性

getters: {
  total (state) {
      // state:就是vuex上面的state
      return state.count * state.price
  }
},