VueJs以前後端數據交互(使用Vue-resource實現)

一、安裝vue-resource到項目中，找到當前項目

輸入：npm install vue-resource --save

 

二、安裝完畢後，在main.js中導入，以下所示：

import  VueResource  from 'vue-resource'

Vue.use(VueResource) 

 

//頁面加載以前 使用鉤子函數 獲取內容
created() {
this.$http.get("http://jsonplaceholder.typicode.com/todos")
.then((data) => {
this.arrs = data.body;
}),
this.$http.get("https://api.apiopen.top/EmailSearch?number=1012002").then((data) => {
this.arr = data.body;
})
}

 

PS:

main.js 加上

Vue.http.options.root = 'http://jsonplaceholder.typicode.com';

 

將頁面的created(){}改成:

created() { this.$http.get("todos") .then((data) => { this.arrs = data.body; })