vue组件内如何获取操作的响应方式 - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关vue组件内如何获取操作的响应方式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

为什么要使用vue

vue是一款友好的,多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库,vue允许可以将一个网页分割成可复用的组件,每个组件都包含属于自己的HTML, CSS, JavaScript,以用来渲染网页中相应的地方,所以越来越多的前端开发者使用vue。

最近使用在学习使用vuex,想利用vuex集中管理状态。在和后台进行数据交互的时候,必然会涉及接口的调用,此类异步操作,通常写在行动里面:

import Vue 得到& # 39;vue # 39;; 　　import Vuex 得到& # 39;vuex& # 39;; 　　　　Vue.use (& # 39; Vuex& # 39;); 　　　　const actions =, { 　　,getComplete ({}), { 　　return 才能;new 承诺((解决,,拒绝),=祝辞,{,,,,,,, 　　,,,Vue.http.get (& # 39; xxxxxx # 39;),然后((反应),=祝辞,{ 　　,,,,,解决(响应); 　　,,,,}).catch((反应),=祝辞,{ 　　,,,,,拒绝(响应); 　　,,,,}); 　　,,,}); 　　,,} 　　,} 　　　　export default new Vuex.Store ({ 　　,行动　　})

这里将接口的请求放置在承诺中,利用承诺异步的特性,可以在子组件中获取到接口调用成功后返回的参数:

export default { 　　,…… 　　创造的才能:函数(),{ 　　,,,这个。美元store.dispatch (& # 39; getComplete& # 39;),然后(response =祝辞,{ 　　,,,,…… 　　,,,}).catch (response =祝辞,{ 　　,,,,…… 　　,,,}) 　　,,} 　　}

除了这种方式,也可以使用mapActions辅助函数将组件的方法映射为商店。分派调用(需要先在根节点注入商店)。

关于“vue组件内如何获取操作的响应方式”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。