vuex当中state通过mapState映射到computed后，原来的计算属性要怎么写呢？

Question

import {mapState} from 'vuex'export default {  data(){      return {          oldData: 0      }  }  computed: mapState({    count: state => state.count,    newData(){       return this.oldData + 1;    }  })}

Answer 1

import { mapState } from 'vuex'

export default {

  data () {

    return {

      localCount: 1

    }

  },

  // mapState 辅助函数帮助我们生成计算属

  computed: mapState({

    // 箭头函数可使代码更简练

    count: state => state.count,

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

    countAlias: 'count',

    // 为了能使用 'this'获取局部状态，必须使用常规函数

    countPlusLocalState (state) {

      return state.count + this.localCount

    },

    // 常规 computed, 没有使用 store的状态

    localCountAlias () {

      return this.localCount

    }

  })

}

Answer 2

import {mapState} from 'vuex'

export default {

  data() {

    return {        //你这里少写了

        oldData: 0

    }

  }

  computed: {

    ...mapState(["count"]),

    newData(){

       return this.oldData + 1;

    }

  }

}