<template>
<div class="home">
<!-- {{this.$store.state.count}} -->
<!-- 这里的count1是从index.js里面的state里面拿出来的 -->
{{count1}}
<!-- 可以在事件后面传参数,比如数字1 -->
<button @click="add(1)">+</button>
<button @click="jian">-</button>
</div>
</template>
<script>
import {mapState,mapActions} from "vuex"
export default {
data(){
return{
}
},
computed:{
// count1(){
// return this.$store.state.count
// }
//下面这个是用来获取页面count值 注: 使用({})语法
...mapState({
count1:state=>state.count
})
},
methods:{
//用来向index.js里面的actions传下面这两个事件 注: 使用([])语法
...mapActions([
‘add‘,
‘jian‘
])
}
}
</script>
