2017-03-25 23:53:50 +00:00
|
|
|
<template>
|
2017-05-13 17:15:53 +00:00
|
|
|
<div>
|
2018-12-19 15:22:00 +00:00
|
|
|
<h1>foo/bar/baz: {{ baz }}</h1>
|
2017-05-13 17:15:53 +00:00
|
|
|
<br>
|
2018-12-19 15:22:00 +00:00
|
|
|
<h2>index/counter: {{ $store.state.counter }}</h2>
|
2018-01-31 19:46:57 +00:00
|
|
|
<br>
|
2018-12-19 15:22:00 +00:00
|
|
|
<h3>foo/blarg/getVal: {{ getVal }}</h3>
|
2018-01-31 20:22:02 +00:00
|
|
|
<br>
|
2018-12-19 15:22:00 +00:00
|
|
|
<h4>foo/bab/getBabVal: {{ getBabVal }}</h4>
|
|
|
|
<br>
|
|
|
|
<button @click="$store.commit('increment')">+1</button>
|
2017-05-13 17:15:53 +00:00
|
|
|
</div>
|
2017-03-25 23:53:50 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import { mapGetters } from 'vuex'
|
|
|
|
|
|
|
|
export default {
|
2018-01-31 19:46:57 +00:00
|
|
|
computed: {
|
|
|
|
...mapGetters('foo/bar', ['baz']),
|
2018-01-31 20:22:02 +00:00
|
|
|
...mapGetters('foo/blarg', ['getVal']),
|
|
|
|
...mapGetters('bab', ['getBabVal'])
|
2018-01-31 19:46:57 +00:00
|
|
|
}
|
2017-03-25 23:53:50 +00:00
|
|
|
}
|
|
|
|
</script>
|