紙上得來終覺淺,Vue3 新語法練起來

2022-09-20 23:45:11 字數 1372 閱讀 6201

蒐集資源

vue3 入門指南與實戰案例

vue3.0中ref與reactive的區別是什麼

composition api rfc

7.父子元件通訊 props/emit方式

父元件

子元件

索引:}

使用者id:}

使用者名稱:}

6.使用ref操作dom

留意該節點,有乙個ref屬性

5.props用法
4. shallowreactive, shallowref, readonly,shallowreadonly,toraw,markraw函式區別

shallowreactive、shallowref的之間的區別

shallowreactive:淺監視

shallowref:不做監視

readonly和shallowreadonly

readonly:唯讀屬性的資料,深度唯讀

const state2 = readonly(state)

shallowreadonly:唯讀的資料,淺唯讀的

toraw和markraw

toraw將**物件變成普通物件,資料變化,介面不會進行更新

const user = toraw(state);

markraw標記的物件資料,從此以後都不能在成為**物件了

const likes = ['吃',『喝』]

state.likes = markraw(likes)

改變第一層才會渲染

}失去響應式

}

3. torefs和toref的用途

借助torefs可以在template部分,直接使用結構後的物件單個鍵值,寫法簡潔,卻不失響應式。

toref是轉換reactive物件的單個值

2. 響應式資料

ref可以定義任何型別的資料,但是定義資料和物件時,在script部分使用時,賦值和取值,不如reactive方便

reactive只能用於陣列,物件型別。

ref的本質是通過reactive建立的,ref(10)=>reactive();

reactive的本質是將每一層的數都解析成proxy物件,reactive 的響應式預設都是遞迴的,改變某一層的值都會遞迴的呼叫一遍,重新渲染dom。

}加1}

改姓名

1.路由取值和跳轉

紙上得來終覺淺

程式設計師的圈子裡有乙個現象 乙個畢業生剛剛走出校園的時候,不管有多少實戰經驗,大都可以歸為 小白 一類。小白 並沒有任何貶低之意,反而我稱之為 可愛的小白 小白求知若渴,精力充沛,進步很快,基本上3年之後就可以成長起來獨當一面了。頭三年的時間,大部分人完成了原始積累,我就稱這段時間為積累期吧。接下...

紙上得來終覺淺

下面的文字是個人觀感。不管是什麼對個人 程式猿圈有一種現象 畢業剛剛走出校園的時候,不管有多少實踐經驗,最可分類為 小白 一種型別。小白 而且無論什麼貶義。但我打 可愛的白 白求知若渴。精力充沛。進步是非常快的。基本上3後就能夠成長起來獨當一面了。頭三年的時間,大部分人完畢了原始積累。我就稱這段時間...

紙上得來終覺淺,絕知此事要躬行

有一種學習態度,我非常的不欣賞。往往有很多同學喜歡 聽 課,對,僅僅是聽,他參與的課程目的是知道,或者說是 有所耳聞 他們抱有一種觀點或態度就是 我知道啦,我了解了,但從來不願意花精力去實現下,軟體開發是一種實用技術,不是玄學,是需要參與者自身體驗過程的一種經歷。如果你不是親自的編寫下 而僅僅是看人...