用户登录

派发执行 Store 里的动作可以使用 dispatch 这个方法。在 Vue 应用的组件里我们可以把在 Store 里定义的 Action 映射成组件的方法。

这里需要用到 vuex 提供的一个帮手方法,叫 mapActions,把它从 vuex 里面导入进来。 然后在组件的 methods 属性里面,可以展开执行 mapActions 返回的东西,可以给它提供一个数组参数或者对象参数,如果是对象参数的话需要设置一下在组件里的方法的名字,比如 getName,它的值就是在 Store 里定义的 Action 的名字,这里就是 getName。

这样就会在当前这个组件里使用一个叫 getName 的方法,它其实就是 Store 里的 getName 这个 Action。 现在想要派发执行 getName 这个 Action,可以直接执行一下 this.getName() ,也就是当前组件里的 getName 这个方法。

回到浏览器预览一下,页面上仍然会显示用 getName 这个动作获取到的 name 这个数据的值。

mapActions《 Vue.js 前端应用 #6:数据管理 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点