封裝Vue輪播圖

slot 

生命週期 操做dom在mounted 操做數據在created 操做數據也能夠放在mounted

$nextTick 上面的執行 下面的纔會更新

 

v-once 只渲染一次dom 加上datasorce.length>0 有內容才執行

 

Vue不考慮IE的兼容 只支持IE8以上

 

爲何不在index.html文件夾下寫請求數據？

：引入的jquery的包比vue框架還要大的多 

    引入來只作一個ajax請求 並不合理 

體現不了jquery操做DOM的優點

vue中數據改變渲染到頁面發送變化  不須要用到dom操做

所以用到一款vue插件

axios 專作ajax請求

 

 

安裝axios

 

$npm install axios 

 

Get請求

//經過給定的ID來發送請求
 axios.get('/user?ID=12345')
 .then((response)=>{
 console.log(response); 
})
 .catch((err)=>{
 console.log(err); 
}); 
//以上請求也能夠經過這種方式來發送 
axios.get('/user',
{
 params:{ ID:12345 }
 })
 .then((response)=>{ 
console.log(response);
 }) 
.catch((err)=>{ 
console.log(err); 
});

 

post請求

axios.post('/user',
{ 
firstName:'Fred', lastName:'Flintstone' 
})
 .then(function(res){
 console.log(res); 
})
.catch(function(err){ 
console.log(err); 
});

 

一次性發送多個

 

function getUserAccount(){
return axios.get('/user/12345');
}
function getUserPermissions(){
return axios.get('/user/12345/permissions');
}
axios.all([getUserAccount(),getUserPermissions()])
.then(axios.spread(function(acct,perms){
//當這兩個請求都完成的時候會觸發這個函數，兩個參數分別表明返回的結果
}))

　　

　　

 

 

 

 

-------------------整理於yingxiang 20190218