1234567891011121314151617181920212223242526272829303132333435363738 |
- <template lang="html">
- <div id="user-tools">
- <h4>{{ mail }}</h4>
- <a href="/user/logout"
- @click.prevent="onLogout()"
- >
- logout
- </a>
- </div>
- </template>
- <script>
- import { mapState, mapActions } from 'vuex'
- export default {
- // data () {
- // return {
- // mail: "Hello User!"
- // }
- // },
- computed: {
- ...mapState({
- mail: state => state.User.mail
- })
- },
- methods: {
- ...mapActions({
- userLogout: 'User/userLogout'
- }),
- onLogout () {
- this.userLogout()
- }
- }
- }
- </script>
- <style lang="css" scoped>
- </style>
|