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...