vue x和axios的學習

2022-08-22 23:09:08 字數 721 閱讀 6212

使用原因:因為vue本身就帶有處理dom的功能,不希望再有其他操作dom的外掛程式,所以用axios代替了jquery

功能:傳送xhr請求

使用:將axios掛載到vue的原型上,那麼在各個元件中都能使用,因為物件導向(繼承)

vue.prototype.$requests = axios  //取名盡量見名知意
基本使用

axios.get('/user?id=12345')

.then(function (response) )

.catch(function (error) )

工作流程

vue-x更方便的為我們提供資料的更改和獲取

使用

// main.js

import vuex from 'vuex'

vue.use(vuex) //如果是模組化使用,則必須use

const store = new vuex.store(,

actions:

},mutations:

}})new vue()

// 其他元件

created()

computed:

}

mpvue使用vuex和axios遇到的問題

利用axios傳送交易 import axios from axios axios.defaults.adapter function config 發交易呼叫 開發放開注釋 return new promise resolve,reject complete res export default ...

vuex的自我學習

index state 存放狀態 mutations state成員操作 getters 加工state成員給外界 actions 非同步操作 modules 模組化狀態管理 mutations與actions的區別 主要的區別在於mutations 只能是同步操作,action 可以包含非同步操作...

axios學習筆記

二.axios的post方式請求介面 三.axios的併發 四.axios的自定義例項 五.axios 使用axios前要引入axios檔案 1 axios.get url 獲取資料 then res console.log res 顯示資料 then err promise.reject err ...