vue-cli3+技術棧實戰完整筆記（二）

1. vue中使用mock模擬ajax（axios）響應。

    1.1 mock官網：http://mockjs.com/。

    1.2 mock下載：npm install mockjs。

    1.3 mock引入：在非生成環境中的main.js引入

if(process.env.NODE_ENV !='production'){
    //require('./mock')
}

    1.4 mock使用：創建mock.js，在main.js中非生成下全局引入。

impor Mock from "mockjs"
const getUserInfo=(options)=>{
    console.log(options)
    return {
        name:"Ace",
        age:"30"
    }
}
Mock.mock('http://localhost:8080/getUserInfo','post',getUserInfo)
export Mock  

    1.5 axios調用mock：

axios.request({
    url:"/getUserInfo",  //mock攔截
    method:"post",
    data:{},
    success:(res)=>{
        
    }
})

2. vue中使用第三方js庫。 this._uid是每個組件唯一的標識，當一個組件被多次複用，改組件中存在id選擇器時，需要

<any :id="idVal" />
computed:{
    idVal(){
        return  `my_${this._uid}`
    }
}