<template>
	<div class="nav">
		<h1>swiper</h1>
		{{userInfo.id}}
	</div>
</template>
<script type="text/javascript">
  import { mapState, mapActions } from 'vuex'
  export default({
    computed: mapState({
      userInfo: state => state.test.userInfo
    }),
    created () {
      this.USERINFO()
    },
    methods: {
      ...mapActions([
        'USERINFO'
      ])
    }
  })

</script>
<style type="text/css" scoped>

</style>
