码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-18 15:39:36      阅读:59      评论:0      收藏:0      [点我收藏+]

标签:调用   term   ati   参数调用   操作   插入   模块   引入   roc   

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

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

技术图片

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

1)通过两个参数调用

技术图片

2)通过一个参数调用

技术图片

3)通过 mapMutations 函数 进行调用

技术图片

3. 添加state 中没有的 值

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

技术图片

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

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

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

技术图片
技术图片

动态添加模块

技术图片
技术图片

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

标签:调用   term   ati   参数调用   操作   插入   模块   引入   roc   

原文地址:https://www.cnblogs.com/jackson1/p/12726051.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!