博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vuex
阅读量:5743 次
发布时间:2019-06-18

本文共 776 字,大约阅读时间需要 2 分钟。

  hot3.png

一、状态对象如何赋值给内部对象。三种方式:

1、使用computed赋值,一定要写this,不然找不到$store。

computed:{    count(){        return this.$store.state.count;    }}

2、通过mapState的对象来赋值,这里使用箭头函数给count赋值。

computed:mapState({    count:state=>state.count})

3、使用mapState的数组来赋值。这最简单,但是经常使用。

computed:mapState(["count"])

二、Mutation修改状态

vuex提供了commit方法来修改状态。

1、传值,在修改状态的操作时候需要传值。

const mutations={  add(state,n){    state.count = state.count + n;  },  reduce(state){    if(state.count > 1){        state.count = state.count-5;    }  }}

2、模板获取Mutations方法。$store.commit()这种写法不是很方便,改进。

引入mapMutations,在methods中加入mapMutations.直接使用reduce方法。

import {mapState,mapMutations} from 'vuex'
methods:mapMutations([    'add','reduce'])

 

转载于:https://my.oschina.net/dmq/blog/1835297

你可能感兴趣的文章
pychecker:分析你的python代码
查看>>
我的友情链接
查看>>
DNS显性+隐性URL转发原理
查看>>
我的友情链接
查看>>
网易有道 IP地址、手机号码归属地和身份证 查询接口API
查看>>
鼠标停留在GridView某一行时行的颜色改变
查看>>
系列3:WAS Liberty Profile hello mysql jdbc
查看>>
基础知识:python模块的导入
查看>>
Android MVC之我的实现
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
关于批处理-1
查看>>
Tomcat部署Web应用方法总结
查看>>
Python3 django2.0 字段加密 解密 AES
查看>>
CCNA实验之:网络地址转换(NAT)实验
查看>>
计算机网络原理笔记-停止等待协议
查看>>
确定当前记录和下一条记录之间相差的天数
查看>>
sql语句返回主键SCOPE_IDENTITY()
查看>>
机器学习开源项目精选TOP30
查看>>
iOS开发-邮件发送
查看>>