vue.js 資料互動 ajax
阿新 • • 發佈:2018-12-20
最近剛學習了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();
}
到這裡就完成啦!
僅供參考,如有錯誤敬請提出!
轉載請註明出處!!!