Nuxt/examples/vuex-store/pages/index.vue
2016-12-16 18:12:38 +01:00

27 lines
504 B
Vue

<template>
<div>
<p>
<button @click="increment">{{ counter }}</button><br>
<nuxt-link to="/about">About</nuxt-link>
</p>
</div>
</template>
<script>
import { mapState } from 'vuex'
export default {
// fetch(context) is called by the server-side
// and nuxt before instantiating the component
fetch ({ store }) {
store.commit('increment')
},
computed: mapState([
'counter'
]),
methods: {
increment () { this.$store.commit('increment') }
}
}
</script>