Vuex.js 直接引用示例 - 如何使用 Vuex 状态管理库

<div id="app">
  <p>{{ $store.state.name }}</p>
  <p>{{ name }}</p>
  <p>{{ age }}</p>
  <p>{{ gender }}</p>
</div>
<script type="text/javascript">
const { mapState } = Vuex;
const store = new Vuex.Store({
  state: {
    name: 'vuex.js直接引用',
    age: 30,
    gender: '男'
  }
})
let vm = new Vue({
  el: '#app',
  store,
  computed: mapState({
    name: state => state.name,
    age: state => state.age,
    gender: state => state.gender
  })
})
</script>