22篇文章 · 4682字 · 5人關(guān)注
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】022-Vue中的動(dòng)畫：列表動(dòng)畫
4搂根、列表動(dòng)畫 代碼 運(yùn)行結(jié)果 讓其他列表項(xiàng)“溫柔地”后移 運(yùn)行結(jié)果
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】021-Vue中的動(dòng)畫：組件和元素切換動(dòng)畫的實(shí)現(xiàn)
3、組件和元素切換動(dòng)畫的實(shí)現(xiàn) 代碼 運(yùn)行結(jié)果 使得它們”出入有序“ mode="out-in" 運(yùn)行結(jié)果 第一次渲染頁(yè)面就有動(dòng)畫效果 appea...
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】020-Vue中的動(dòng)畫：使用 transition 標(biāo)簽實(shí)現(xiàn)單元素組件的過(guò)渡和動(dòng)畫效果
2铃辖、使用 transition 標(biāo)簽實(shí)現(xiàn)單元素組件的過(guò)渡和動(dòng)畫效果 出入場(chǎng)動(dòng)畫 運(yùn)行結(jié)果 出入場(chǎng)動(dòng)畫 運(yùn)行結(jié)果 給transition加個(gè)nam...
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】019-Vue中的動(dòng)畫：使用 Vue 實(shí)現(xiàn)基礎(chǔ)的 CSS 過(guò)渡與動(dòng)畫效果
四剩愧、Vue中的動(dòng)畫 1、使用 Vue 實(shí)現(xiàn)基礎(chǔ)的 CSS 過(guò)渡與動(dòng)畫效果 過(guò)渡：比如說(shuō)一個(gè) div 的背景顏色從紅色逐漸變成綠色娇斩，這叫過(guò)渡仁卷；動(dòng)畫...
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】018-探索組件的理念：基礎(chǔ)語(yǔ)法知識(shí)點(diǎn)補(bǔ)充
9、基礎(chǔ)語(yǔ)法知識(shí)點(diǎn)補(bǔ)充 使用ref獲取dom節(jié)點(diǎn) 運(yùn)行結(jié)果 使用ref獲取子組件的引用 運(yùn)行結(jié)果 provide和inject 用于數(shù)據(jù)在多層組...
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】017-探索組件的理念：動(dòng)態(tài)組件和異步組件
8犬第、動(dòng)態(tài)組件和異步組件 動(dòng)態(tài)組件 運(yùn)行結(jié)果 內(nèi)容緩存 運(yùn)行結(jié)果 異步組件 運(yùn)行結(jié)果
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】016-探索組件的理念：使用插槽和具名插槽解決組件內(nèi)容傳遞問(wèn)題
7锦积、使用插槽和具名插槽解決組件內(nèi)容傳遞問(wèn)題 通過(guò)插槽向子組件傳標(biāo)簽 運(yùn)行結(jié)果 除了標(biāo)簽還可以傳遞字符串、子組件 運(yùn)行結(jié)果 一些說(shuō)明 插槽的作用是...
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】015-探索組件的理念：組件間雙向綁定高級(jí)內(nèi)容
6歉嗓、組件間雙向綁定高級(jí)內(nèi)容 不能寫多個(gè)v-model但是可以寫多個(gè)帶屬性的v-model:XXX 運(yùn)行結(jié)果 自定義v-model上的修飾符 運(yùn)行結(jié)果
-
【Vue3 從入門到實(shí)戰(zhàn) 進(jìn)階式掌握完整知識(shí)體系】014-探索組件的理念：父子組件如何通過(guò)事件進(jìn)行通信
5丰介、父子組件如何通過(guò)事件進(jìn)行通信 子組件調(diào)用的方法讓父組件處理 子組件調(diào)用父組件的方法來(lái)改變父組件的數(shù)據(jù)。子組件無(wú)法改變父組件傳過(guò)來(lái)的數(shù)據(jù)，可以...
