![240](https://cdn2.jianshu.io/assets/default_avatar/12-aeeea4bedf10f2a12c0d50d626951489.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
一收奔、項(xiàng)目簡(jiǎn)介 該項(xiàng)目是制作京東移動(dòng)端頁(yè)面沟饥,完成首頁(yè)頭部搜索和底部導(dǎo)航布局堡称,利用 swiper 完成首頁(yè)的輪播圖效果以及 nav 和超值購(gòu)區(qū)域布局古毛,最后點(diǎn)擊底部導(dǎo)航的‘分類’可...
一碑幅、父子組件傳值 1、父?jìng)髯?(1)props 父組件向子組件傳值梯投,可以通過(guò)綁定屬性傳值命辖;子組件通過(guò)props接收父組件傳值。父組件: 子組件: (2)$attrs 父級(jí)傳過(guò)...
可參考官方文檔分蓖,地址:https://router.vuejs.org/zh/[https://router.vuejs.org/zh/] Vue Router 路由:是Vu...
第三方組件庫(kù)Element-UI可參考Element-UI官方文檔尔艇,地址:https://element.eleme.io/#/zh-CN/component/install...
安裝Vue-Cl(Vue腳手架)1.全局安裝Vue-Cli(注意:可以先改為淘寶國(guó)內(nèi)鏡像地址) 安裝過(guò)程中,可能會(huì)產(chǎn)生報(bào)錯(cuò) 可以將安裝命令更改為 2.查看Vue-Cli版本號(hào)...
第三方組件庫(kù):element-ui 使用方法:1.引入樣式 2.引入vue 3.引入element-ui組件庫(kù) 4.找想要的樣式組件https://iview.github....
一咆疗、$emit傳值:用于子組件向父組件傳值漓帚,但是只能傳數(shù)據(jù),不能傳方法 二午磁、通過(guò)$parent傳值(子組件獲取父組件數(shù)據(jù))適用于父組件給子組件傳值 三尝抖、通過(guò)$root傳值(后...
自定義組件:在開發(fā)中毡们,為了代碼的重用,我們常常會(huì)把一個(gè)公用的部分昧辽,抽象成一個(gè)組件衙熔;這樣,這個(gè)組件就可以再多個(gè)地方重復(fù)使用 理解: 用來(lái)實(shí)現(xiàn)局部(特定)功能效果的代碼集合(ht...
1.關(guān)于組件名:一個(gè)單詞組成:第一種寫法(首字母小寫):school第二種寫法(首字母大寫):School多個(gè)單詞組成:第一種寫法(kebab-case命名):my-scho...
Vue管理數(shù)據(jù)里的對(duì)象里面的每一個(gè)屬性,都會(huì)采用Object.defineProperty去封裝咕痛,實(shí)現(xiàn)響應(yīng)式(所謂響應(yīng)式痢甘,指的是,數(shù)據(jù)發(fā)生變化后茉贡,頁(yè)面自動(dòng)更新塞栅。)但是給對(duì)象后...
綁定事件@是v-on:的簡(jiǎn)寫,通過(guò)v-on:指令綁定事件腔丧,指定一個(gè)methods選項(xiàng)里面的定義的方法1.調(diào)用方法時(shí)放椰,不傳參數(shù),默認(rèn)會(huì)將事件對(duì)象作為參數(shù)傳遞 2.調(diào)用方法時(shí)愉粤,如...
v-model指令的詳細(xì)用法--收集表單數(shù)據(jù)收集表單數(shù)據(jù):1.文本框: 砾医,v-model收集的是value值,用戶輸入的就是value值衣厘。2.單選框: 如蚜,則v-model收集...
Vue常見指令 1.v-bind 用于綁定屬性,通過(guò)v-bind:綁定過(guò)的屬性头滔,屬性值可以寫表達(dá)式注:v-bind:可以用 :簡(jiǎn)寫 2.v-on 用于綁定事件怖亭,通過(guò)v-on:...
一涎显、使用vue實(shí)現(xiàn)對(duì)數(shù)組的增刪改查 提醒:絕對(duì)定位 + margin(例如position:fixed;top:0;right:0;bottom:0;left:0結(jié)合 mar...