vue Resource 與後端資料互動

2021-08-15 20:17:20 字數 1654 閱讀 8537

單來說,vue-resource就像jquery裡的$.ajax,用來和後端互動資料的。可以放在created或者ready裡面執行來獲取或者更新資料...

vue-resource文件:

結合vue-router

//不簡寫

//es6寫法 .then()部分

//.then(([toplist,alllist])=>())

},function

(error))}}

在其他地方使用

ready()

}).then(

function

(data))

//簡寫

*/}

若定義全部變數(在data()中定義),使用$get()獲取

data()

},ready()

}).then(

function

(data),function(error))

}

post方式同理

將資料繫結到dom上

<

ul>

<

li v-for

="item in alllist"

v-if

="item.istop == false"

>

<

a v-link

="}"

>

<

div

class

='fl

know-info'

>

<

p class

='font-normal

nomal-height'

>}

p>

<

p class

='co9a9a9a'

><

span

style

='margin-right:

1rem;'

>}k

span

><

span

>}

span

>

p>

div>

<

div

class

='fr

know-img'

>

<

img

v-bind:src

=item.coverimage

/>

div>

<

div

class

='clearfix'

>

div>

a>

li>

ul>

Vue resource中的GET與POST請求

在 vue 2 版本,官方推薦使用 axios 來進行開發,可以閱讀這篇文章來學習 axios 全攻略之基本介紹與使用 get 與 post 前言 vue resource 使用比 jquery 更加簡潔的方式實現了非同步請求功能,還提供了比如 interceptors 這樣處理請求過程中行為的功能...

socket 後端與後端之間實時傳輸

之前一直用socket.io實現客戶端,和服務端之間的互動,最近需要把乙個node服務獲取到的資料傳到另乙個node服務上,但是又不能依靠前端。所以我試著把傳送資料的服務作為前端來和接受資料的服務做互動,沒想到居然可以實現,下面是我的 僅供參考 作為前端的服務 socket.emit a 作為後端的...

前後端如何與後端無縫銜接資料api

前言 前後端互動時後端,在沒有得到後端資料時,需要自行模擬資料,來展示到頁面,這樣提高我們的開發效率,同時也向後端請求我們想要的資料格式,最後得到後端資料僅需改變介面即可,這時候用到我們強大的資料模擬 mock資料 模擬資料 mockjs官網 mockjs官方文件 具體使用方法 第一步 安裝mock...