vuex的mutations

vuex的mutationsvuex 的严格模式 strict true 下 不允许组件修改 state 中的值 若需要修改 在 vuex 的 mutations 属性中进行修改 注意 只能在 mutations 下的函数进行修改 如果 mutations 下的函数的函数进行修改也是会报错的 1 mutations 属性中接收两个参数 state 就是 vuex 中的 state addValue 是组件传过来的值 mutations

vuex 的严格模式strict: true下,不允许组件修改state中的值,若需要修改,在vuex的mutations属性中进行修改。

注意:只能在mutations下的函数进行修改,如果mutations下的函数的函数进行修改也是会报错的

(1)mutations属性中接收两个参数,state就是vuex中的state,addValue是组件传过来的值

 mutations: { changePersonList (state, addValue) { state.personList.push(addValue) } },

(2)组件中:add函数触发changePersonList函数,并将this.addValue的值传过去。

add () { this.$store.commit('changePersonList', this.addValue) }

(3)如果穿多个值呢?由于vuex中mutations属性中的函数,只能接收两个参数,所以:第二个参数用对象接收

add () { this.$store.commit('changePersonList', {a: 1, b: 2}) }
 mutations: { changePersonList (state, {a, b}) { state.personList.push() } },

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/215185.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午2:30
下一篇 2026年3月18日 下午2:30


相关推荐

  • JShell教程

    JShell教程什么是 JShellJShell 工具是一个命令行工具 通过提供 Java 编程语言元素的交互使用来促进探索性编程 JShell 是一个 REPL 读取 评估 打印循环 无论是学习 Java 语言还是探索陌生的代码 包括新的 JavaAPI 它都是理想的选择 典型的 Java 开发意味着编写一个完整的程序 然后对其进行编译 修复所有错误 运行它 找出问题所在 进行编辑和重复 使用 JShell 您可以一次输入一个程序元素 立即查看结果并进行相应调整 在开发过程中 可以将代码粘贴到 JShell 中 和 或将工作代码从 JSh

    2026年3月18日
    2
  • pycharm2021 4y年激活码(最新序列号破解)[通俗易懂]

    pycharm2021 4y年激活码(最新序列号破解),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日
    38
  • 使用nginx配置二级域名

    使用nginx配置二级域名最近想把三个项目配在一个服务器上,于是想使用nginx配置二级域名实现。1.域名添加解析我的是阿里云的域名,所以首先给自己的域名添加解析。打算使用www.codeliu.com,test1.codeliu.com,test2.codeliu.com这三个域名,其中test1.codeliu.com,test2.codeliu.com作为二级域名。2.准备好三个项目ecl…

    2022年5月21日
    34
  • 告别Discord!Midjourney中文站保姆级教程,3分钟上手AI绘画

    告别Discord!Midjourney中文站保姆级教程,3分钟上手AI绘画

    2026年3月15日
    1
  • jQuery官网下载步骤[通俗易懂]

    jQuery官网下载步骤[通俗易懂][转载出处](https://blog.csdn.net/u011870547/article/details/50033113)[原文作者](https://blog.csdn.net/u011870547)①.百度jQuery,进入官网②.进入官网后,点击下载③.之后进入下载页面,会看到有各种版本,解压版和未…

    2022年6月3日
    46
  • 零起点学习Drupal教程[第一章—引言]

    零起点学习Drupal教程[第一章—引言]文章摘自http://www.rzchina.net/forum/6第一章引言1.1什么是drupal?Drupal究竟是什么呢?下面是Drupal官方网站给出的定义:“Drupal软件允许个人或用户社区轻松地发布、管理和组织Web站点上的各种内容。”Drupal是一个免费的、开源的、具有模块化框架使用PHP开发的网站内容管理系统。Drupal允许网站管理员创建和组织网站内容、定制

    2022年6月13日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号