web服務(wù)器收到客戶(hù)端的HTTP請(qǐng)求尊剔,會(huì)針對(duì)每一次請(qǐng)求分別創(chuàng)建用于一個(gè)代表請(qǐng)求的
request對(duì)象十减,和代表性響應(yīng)的response對(duì)象
1宗弯,要得到客戶(hù)提交過(guò)來(lái)的數(shù)據(jù),找request對(duì)象
2淳附,要像客戶(hù)輸出數(shù)據(jù)议慰,找response對(duì)象
3.response.data讀取JSON 數(shù)據(jù)
AXios是一個(gè)基于 promise的HTTP庫(kù),可以在瀏覽器和node.js中使用
api的base_url:根據(jù)代碼運(yùn)行環(huán)境選擇baseurl
1.query方式傳參和接收參數(shù)
傳參:
this.$router.push({
? ? ? ? path:'/xxx'
? ? ? ? query:{
? ? ? ? ? id:id
? ? ? ? }
? ? ? })
接收參數(shù):
this.$route.query.id
1
注意:傳參是this.$router,接收參數(shù)是this.$route,這里千萬(wàn)要看清了E铩1鸢肌!
2.params方式傳參和接收參數(shù)
傳參:
this.$router.push({
? ? ? ? name:'xxx'
? ? ? ? params:{
? ? ? ? ? id:id
? ? ? ? }
? ? ? })
接收參數(shù):
this.$route.params.id
10
注意:params傳參缆毁,push里面只能是 name:'xxxx',不能是path:'/xxx',因?yàn)閜arams只能用name來(lái)引入路由番川,如果這里寫(xiě)成了path,接收參數(shù)頁(yè)面會(huì)是undefined!0涠健践啄!
另外,二者還有點(diǎn)區(qū)別沉御,直白的來(lái)說(shuō)query相當(dāng)于get請(qǐng)求屿讽,頁(yè)面跳轉(zhuǎn)的時(shí)候,可以在地址欄看到請(qǐng)求參數(shù)吠裆,而params相當(dāng)于post請(qǐng)求伐谈,參數(shù)不會(huì)再地址欄中顯示
"Hello world".split("").reverse().join("")
這樣是把Hello world倒序輸出
splite("")可以將字符串按某個(gè)字符或者其他分割。返回?cái)?shù)組
如"hello".split("e") //["h","llo"]
join是相反试疙,把數(shù)組拼接為字符串诵棵。
如 ["a","b","c"].join(",") //"a,b,c"
在前端開(kāi)發(fā)調(diào)試的過(guò)程中,常常會(huì)遇到上面這種情況祝旷,明明變量已經(jīng)定義但是輸出的值卻是undefined履澳,但是在變量前加一個(gè)_,就能獲取到值:
clearable vue組件選擇屬性
currentPage
在列表點(diǎn)擊某一列查看詳情,查看完成之后返回到跳轉(zhuǎn)前列表所在的頁(yè)面以及頁(yè)面的size.
localStorage.getItem(key,value)獲取值 本地存儲(chǔ)
localStorage.setItem(key,value)設(shè)置值?
HTML5 提供了兩種在客戶(hù)端存儲(chǔ)數(shù)據(jù)的新方法:
localStorage - 沒(méi)有時(shí)間限制的數(shù)據(jù)存儲(chǔ)
(一)設(shè)置值
1. localStorage.setItem(key,value):如果key的value存在時(shí)怀跛,更新key的值,例:localStorage.setItem("name","moomoo");【推薦寫(xiě)法】
2. localStorage.name = "moomoo";
3. localStorage["name"] = "moomoo";
(二)獲取值
1. localStorage.getItem(key,value):如果key的value不存在時(shí)距贷,返回null,例:localStorage.getItem("name");【推薦寫(xiě)法】
2. var name = localStorage.name;
3. var name = localStorage["name"];
this.restFrom[forName].restField();//表單重置
https://www.imooc.com/article/70010//監(jiān)聽(tīng)事件數(shù)值改變
https://www.cnblogs.com/zdz8207/p/vue-ui-framework.html//vue組件庫(kù)
vux? vant移動(dòng)端組件庫(kù)