mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-27 08:02:01 +00:00
27 lines
508 B
Vue
27 lines
508 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<p>
|
||
|
|
<button @click="increment">{{ counter }}</button><br>
|
||
|
|
<router-link to="/about">About</router-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>
|