Vue 前後端互動 （Promise）

目錄非同步呼叫

promise

promise 常用api

物件方法

schema:// host:port / path ? query # fragment

host: 網域名稱或 ip 位址

port: 埠 預設為 80

path： 路徑 abc/lzh/ (虛擬 用於區分資源)

query: 查詢引數 uname=list&age = 12

fragment: 錨點 （雜湊 hash） 用於定位頁面位置

get查詢

post新增

put修改

delete刪除

常見非同步： 定時任務、ajax、事件函式

注意： 如果存在依賴，則必須巢狀，易引起**地獄

1、使用new來構建乙個promise

2、 promise的建構函式接收乙個引數，是函式，並且傳入兩個引數：resolve，reject， 分別表示非同步操作執行成功後的**函式和非同步操作執行失敗後的**函式

1、then 呼叫上乙個 return 的promise物件,即為return querydata('http://localhost:3000/data1');

2、then() 內函式的data 為上return 的值

返回的例項物件會呼叫下乙個 then

如上例子

返回的普通值會直接傳遞給下乙個then，通過then引數中函式的引數接收該值

**例項

前者的狀態由三個promise 例項決定

後者的狀態當其中有乙個例項的狀態發生改變，則p的狀態跟著改變，並把第乙個改變狀態的 promise的返回值，傳給p的**函式

vue 前後端互動模式

介面呼叫方式 url位址格式 schema 協議。例如http，https，ftp等 port 埠，http預設埠80，可以省略 path 路徑，例如 abc a b c query 查詢引數，例如uname lisi age 13 fragment 錨點 雜湊hash 用於定位頁面的某個位置 a ...

Vue前後端資料互動

非同步程式設計 ajax的非同步程式設計 通過url訪問位址獲取資料，資料獲取成功後通過ajax的success屬性方法進行 但是存在乙個問題 當需要多次 時，如果有需求這幾次 的順序必須固定，那麼ajax就只能進行success的巢狀處理，但是這明顯不符合程式的健壯性和 的解耦性，所以promis...

vue 鉤子，前後端互動

1 屬性指令 v bind 屬性名 屬性值 屬性名 屬性值 src，href，id，name，自定義屬性 2 class和style屬性 字串，陣列，物件 class使用陣列，style使用物件 物件的key可以不加引號，如果不加引號，使用駝峰 3 條件渲染 v if 條件 v else if 條件...