state访问状态对象

在之前的小栗子里虽然已经可以实现功能,但是在接受数据时,那么一大长串很烦,下面就用三种方法可以直接写花括号就能访问,其中第三种是最常用的


第一种

1
2
3
4
5
6
computed:{
//这是es6语法,就是个函数
count(){
return this.$store.state.count
}
}

第二种

先引入mapState

1
2
import {mapState} from 'vuex'
//注意一定不能忘了花括号
1
2
3
4
5
//对象{}
computed:mapState({
//es6中的箭头函数
count:state=>state.count
})

第三种,采用数组形式[],同样也要先引入mapState

1
computed:mapState(['count'])
-------------本文结束感谢您的阅读-------------