VUE

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>
原文地址:https://www.cnblogs.com/500m/p/11787178.html