映射到局部的计算属性中,computed

  1. //store/index.js
  2. /* 对state中的数据进行再次处理 */
  3. getters:{
  4. myCount(state){
  5. return "当前的数量:"+state.count
  6. }
  7. }
  8. //使用
  9. this.$store.getters.myCount;

image.png

  1. //mapGetters
  2. store 中的 getter 映射到局部计算属性:
  3. import {mapGetters} from 'vuex'
  4. export default {
  5. name: 'home',
  6. computed:{
  7. ...mapGetters(['myCount'])
  8. },
  9. ...
  10. }
  11. //使用
  12. <template>
  13. <div class="home">
  14. <h3>{{myCount}}</h3>
  15. </div>