VUE - mapState 辅助函数(简化)

1,第一种
<template>
  <div id="app">
    <p> {{count}} </p>
    <p> {{todos}} </p>
  </div>
</template>

 

<script>
import {mapState} from 'vuex' 
export default {
  name: 'app',
  computed:mapState({
      count: state => state.count,
      todos: state => state.todos
  })
}
</script>
 
2,第二种,最简化
<template>
  <div id="app">
    <p> {{count}} </p>
    <p> {{todos}} </p>
  </div>
</template>

<script>
import {mapState} from 'vuex' 
export default {
  name: 'app',
  computed:mapState(["count","todos"])
}
</script>

<style>

</style>
posted @ 2019-11-03 14:41  武卡卡  阅读(205)  评论(0编辑  收藏  举报