This repository has been archived on 2021-09-06. You can view files and clone it, but cannot push or open issues or pull requests.
vuejs_course/2021-05-04_vuex-01-starting.../src/components/UserAuth.vue

17 lines
387 B
Vue

<template>
<button @click="login" v-if="!userIsAuthenticated">Login</button>
<button @click="logout" v-if="userIsAuthenticated">Logout</button>
</template>
<script>
import { mapActions } from 'vuex';
import { mapGetters } from 'vuex';
export default {
methods: {
...mapActions(['login', 'logout'])
},
computed: {
...mapGetters(['userIsAuthenticated'])
}
};
</script>