UserTools.vue 588 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. <template lang="html">
  2. <div id="user-tools">
  3. <h4>{{ mail }}</h4>
  4. <a href="/user/logout"
  5. @click.prevent="onLogout()"
  6. >
  7. logout
  8. </a>
  9. </div>
  10. </template>
  11. <script>
  12. import { mapState, mapActions } from 'vuex'
  13. export default {
  14. // data () {
  15. // return {
  16. // mail: "Hello User!"
  17. // }
  18. // },
  19. computed: {
  20. ...mapState({
  21. mail: state => state.User.mail
  22. })
  23. },
  24. methods: {
  25. ...mapActions({
  26. userLogout: 'User/userLogout'
  27. }),
  28. onLogout () {
  29. this.userLogout()
  30. }
  31. }
  32. }
  33. </script>
  34. <style lang="css" scoped>
  35. </style>