vue技术栈进阶(05. mutations, actions)

Posted jackson1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue技术栈进阶(05. mutations, actions)相关的知识,希望对你有一定的参考价值。

mutations --(用来修改state中的值)

1. 在mutations 模块中定义修改 state 中值的函数

技术图片

2. 在修改值的组件中调用(如果 注册在 模块中 ,调用方法是一样的 )

1)通过两个参数调用

技术图片

2)通过一个参数调用

技术图片

3)通过 mapMutations 函数 进行调用

技术图片

3. 添加state 中没有的 值

利用vue 的set 方法 ,所以我们需要 先引入 vue, 然后 在 组件中调用即可

技术图片

注: 如果直接利用 赋值的方式 给 state添加属性 ,页面上是 不会渲染的 ,因为 vue 的响应原则

actions --(用来调用 mutations 中的方法, 一般执行一些异步操作)

通过 mapActions 函数 来获取 , 如果 ,模块 开启了 命名空间 则 函数 第一个参数 需要传入 模块名

技术图片
技术图片

动态添加模块

技术图片
技术图片



以上是关于vue技术栈进阶(05. mutations, actions)的主要内容,如果未能解决你的问题,请参考以下文章

vue技术栈进阶(02.路由详解—基础)

7.Vue技术栈开发实战-状态管理Vuex进阶

初识vue 2.0:vuex进阶

2022前端技术栈

史上最全前端vue面试题!推荐收藏

Vue 之 Mutatuons