Axios穀粒學院學習

2022-03-06 20:02:33 字數 2214 閱讀 8167

axios是獨立的專案,不是vue裡面的一部分,但是axios經常和vue一起使用,實現ajax操作
用於前端和後端的互動,使後端的資料在前端進行渲染。
第一步:建立html檔案

第二步:引入vue.min.js和axios.min.js的js包

第三步:編寫axios**

axios+vue格式如下

建立json檔案,模擬查詢的資料

,,]

}}

使用axios傳送請求

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initialscale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

document<

/title>

<

/head>

>

<

/div>

"vue.min.js"

>

<

/script>

"axios.min.js"

>

<

/script>

newvue(

,created()

, methods:

)//請求成功執行then方法

.catch

(error =

>

)//請求失敗執行catch方法}}

})<

/script>

<

/body>

<

/html>

終極版本

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initialscale=1.0"

>

"x-ua-compatible" content=

"ie=edge"

>

document<

/title>

<

/head>

>

<

!-- 把userlist裡面的資料先顯示出來 --

>

for=

"user in userlist"

>

}<

/td>

}<

/td>

<

/tr>

<

/table>

<

/div>

"vue.min.js"

>

<

/script>

"axios.min.js"

>

<

/script>

newvue(

,created()

, methods:

)//請求成功執行then方法

.catch

(error =

>

)//請求失敗執行catch方法}}

})<

/script>

<

/body>

<

/html>

測試結果

主要axios的格式:默寫10遍

newvue(

,created()

, methods:

)//請求成功執行then方法

.catch

(error =

>

)//請求失敗執行catch方法}}

})<

/script>

穀粒學院 mp

鎖分頁 邏輯刪除 效能分析外掛程式 尚矽谷 穀粒學院 專案 mybatis plug 使用案例 1.自動增長 auto increment.在資料中庫設定.但是不適用於分庫分表的情況 2.uuid 每次隨機生成乙個id值.這種方式不好進行排序.3.redis 生成 id 使用 incr 和 incr...

自學 穀粒學院專案遇到的問題

查詢成功但是沒有資料,於是到資料庫檢視編碼 發現不是utf 8,於是設定資料庫編碼 然後再執行查詢,發現仍然沒有資料。之後加上效能外掛程式檢視執行的語句 sql 執行效能分析外掛程式 開發環境使用,線上不推薦。maxtime 指的是 sql 最大執行時長 三種環境 dev 開發環境 test 測試環...

前端知識 二 07 臨時登入介面 穀粒學院

目錄預設情況下,前端專案已經實現了登入功能,後端連線到遠端mock平台的模擬資料介面進行登入,而mock平台位址無效,導致前端的登入功能無法執行 我們暫時將請求切換到本地mock資料的介面中,使系統可以進行模擬登入,以便進行後續的開發工作 在 config dev.env.js 中修改base ap...