Mock.js模擬ajax數(shù)據(jù)請求
在實際開發(fā)工作中,后臺接口沒有那么快的開發(fā)速度的時候欺旧,可以采用mock進行模擬數(shù)據(jù)請求。當(dāng)然需要設(shè)置為開發(fā)環(huán)境辞友,生產(chǎn)環(huán)境沒有必要
mock攔截請求
--- Mock/index.js
Mock.mock(/\getUserInfo/,'post',getUserInfo)
---- User.js
getUserInfo = (options) => {
const template = {
name: Random.cname() // 隨機生成各種數(shù)據(jù)
...
}
return Mock.mock(template)
}
第三方庫,以及封裝組件
組件封裝基礎(chǔ)
data獲取數(shù)據(jù)留拾,type為引用類型時,default: () => { return {} }用回調(diào)函數(shù)來返回
組件中使用id
this._uid
組件中獲取dom
this.$refs.name