蒐集資源
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後就能夠成長起來獨當一面了。頭三年的時間,大部分人完畢了原始積累。我就稱這段時間...
紙上得來終覺淺,絕知此事要躬行
有一種學習態度,我非常的不欣賞。往往有很多同學喜歡 聽 課,對,僅僅是聽,他參與的課程目的是知道,或者說是 有所耳聞 他們抱有一種觀點或態度就是 我知道啦,我了解了,但從來不願意花精力去實現下,軟體開發是一種實用技術,不是玄學,是需要參與者自身體驗過程的一種經歷。如果你不是親自的編寫下 而僅僅是看人...