欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 組件內(nèi)獲取actions的response方式

 更新時間：2019年11月08日 10:16:35   作者：MRblackLu  
今天小編就為大家分享一篇vue 組件內(nèi)獲取actions的response方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

最近使用在學(xué)習(xí)使用vuex，想利用vuex集中管理狀態(tài)。在和后臺進(jìn)行數(shù)據(jù)交互的時候，必然會涉及接口的調(diào)用，此類異步操作，通常寫在action里面：

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use('Vuex');

const actions = {
 getComplete ({}) {
  return new Promise((resolve, reject) => {        
    Vue.http.get('XXXXXX').then((response) => {
      resolve(response);
     }).catch((response) => {
      reject(response);
     });
    });
  }
 }

export default new Vuex.Store({
 actions
})

這里將接口的請求放置在promise中，利用promise異步的特性，可以在子組件中獲取到接口調(diào)用成功后返回的參數(shù)：

export default {
  ......
  created: function() {
    this.$store.dispatch('getComplete').then(response => {
      ......
    }).catch(response => {
      ......
    })
  }
}

除了這種方式，也可以使用mapActions 輔助函數(shù)將組件的 methods 映射為 store.dispatch 調(diào)用（需要先在根節(jié)點(diǎn)注入 store），具體使用方式詳見：

傳送門：https://vuex.vuejs.org/en/actions.html

以上這篇vue 組件內(nèi)獲取actions的response方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論