- 在元素上
<h3>{{$store.state.count}}</h3>
- 太长了，怎么可以写的短一些呢？像普通data一样？
import {mapState,mapMutations,mapGetters,mapActions} from 'vuex';
export default {
data(){
return {
msg:'hello Vuex store!!!'
}
},
// 将store属性拿过来的三种方式,这样就可以直接访问count了 而不用$store.state.count
computed:{
...mapState(['count'])
/*count(){
return this.$store.state.count
}*/
}
/* computed:mapState({
count:state=>state.count
}),*/
}
网友评论