3.mapState

Tips:如何有多个状态需要获取，使用这个辅助函数效率更高

通过计算属性获取vuex中的数据

//1.store/index.js
export default new Vuex.Store({
  state: {
    city:"武汉",
    name:"王思曼",
    age:"21",
    sex:"女"
  },
 ...
})
//2.方法及使用，通过...mapState
<template>
  <div class="home">
    <h2 >{{name}}</h2>
    <h2>{{age}}</h2>
  </div>
</template>
<script>
import {mapState} from 'vuex'
export default {
  name: 'home',
  computed:{
    ...mapState(['city','name','age','sex'])
  }
}
</script>