Vuex之理解state的用法实例-创新互联
1.什么是state?
成都创新互联专注于企业网络营销推广、网站重做改版、贡嘎网站定制设计、自适应品牌网站建设、H5响应式网站、成都商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为贡嘎等各大城市提供网站开发制作服务。上一篇文章说了,Vuex
就是提供一个仓库,仓库里面放了很多对象。其中state
就是数据源存放地,对应于与一般Vue
对象里面的data
(后面讲到的actions
和mutations
对应于methods
)。
响应书存储:state
里面存放的数据是响应式的,Vue
组件从store
中读取数据,若是store
中的数据发生改变,依赖这个数据的组件也会发生更新。(这里“状态”=“数据”),也就是是说数据和视图是同步的。
2.局部状态
获取:在Vue
组件中获取数据,最直接的可以通过计算属性中获取;
组件仍然可以保存局部状态:虽然说Vuex
的Store
仓库让我们同一管理数据变得更加方便,但是代码一多也会变得冗长,有些组件的数据是自己严格自用,我们可以将state
放在组件自身,作为局部数据,专供此组件使用,其他的组件不能用。
3.mapState
mapState
的作用是把全局的state
和getters
映射到当前组件的computed
计算属性中,this.$store.state
。
使用示例
import {mapState} from 'vuex' export default { computer : mapState({ count: state => state.count, 'count' // 映射 this.count 为 store.state.count }) }
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
文章名称:Vuex之理解state的用法实例-创新互联
本文链接:http://myzitong.com/article/ccddcd.html