1. 程式人生 > >vue.js 資料互動 ajax

vue.js 資料互動 ajax

最近剛學習了vue 遇到資料互動ajax提交資料,百度了一下 說的都好複雜 我來簡化一下

首先安裝axios或者直接下載axios.min.js檔案 然後script引入 這裡我們只講安裝引入的方法

 npm install axios -S  安裝

在main.js中引入

import axios from 'axios'
Vue.prototype.$http = axios (********這句話很重要,放在上一句後面,不要放在new Vue中)
此時我們安裝引入就完成了

在你需要進行操作的頁面的methods裡面宣告一個方法來互動吧

methods:{
init() {
let url="../static/drink_list.json";
this.$http.get(url) //這裡的$http就是我們剛才引入進來的
.then(res => {
if (res.status === 200 && res.data.code == 200) {
this.drinkArr = res.data.data;
}
})
.catch(err => {
console.log(err);
})
},

mounted(){
  this.init();
}
到這裡就完成啦!
僅供參考,如有錯誤敬請提出!
轉載請註明出處!!!