2020.02.26 工作问题-CSDN博客

本文链接：https://blog.csdn.net/weixin_43653691/article/details/104517538

vuex的使用之 mapState

当一个组件需要获取多个 Vuex中的值时，可以使用 mapState 辅助函数帮助生成计算属性。减少声明计算属性的代码

// 在单独构建的版本中辅助函数为 Vuex.mapState
import { mapState } from 'vuex'

export default {
  // ...
  computed: mapState({
    // 箭头函数可使代码更简练
    count: state => state.count,

    // 传字符串参数 'count' 等同于 `state => state.count`
    countAlias: 'count',

    // 为了能够使用 `this` 获取局部状态，必须使用常规函数
    countPlusLocalState (state) {
      return state.count + this.localCount
    }
  })
}

…mapState

mapState函数返回的是一个对象，为了可以和其他的计算属性混合使用可以用展开运算符

// 使用对象展开运算符将此对象混入到外部对象中
...    "对象展开运算符" 进行展开

|| 运算符

|| 运算符为且运算符
TRUE：两个条件中有一个为真时就会返回 true，并且在第一个条件为TRUE时，直接跳过第二个条件不进行判断。
False：只有当两个条件都为 False时才会判定为 False，同时会返回第二个条件的值