vue3學習筆記

2021-10-09 22:59:29 字數 618 閱讀 4840

vue3:

1.context.

emit

('update:xx'

,!props.xx)

;可 v-model:xx更新xx的值(個人記憶,雙向繫結+需要雙向改變的值)代替 vue2 .sync;

2.元件上繫結的事件預設是繫結第一層,可使用inheritattrs:

false 取消預設,在需要繼承的屬性的標籤使用v-bind=

"$attrs"

獲得;也可使用setup

()裡使用context.attrs 按需結構出來使用

3.props v.s

. attrs

props 要先宣告才能取值,attrs 不用先宣告

props 不包含事件,attrs 包含

props 沒有宣告的屬性,會跑到 attrs 裡

props 支援 string 以外的型別,attrs 只有 string 型別

4.獲取插槽內容

context.slots.

default

() 獲取

vue2:

1. 為this

.$emit()

;

Vue3 學習筆記之 watchEffect

最近在看 vue3 的一些新 feature,順道學習了一些 hooks 程式設計的思想,感覺挺有啟發的。今天就以 watcheffect 這個很小的 case 為例,開啟我的 vue3 學習筆記。對所有初學者來說,vue2 到 vue3 最直觀的改變就是 composition api 幾乎所有的...

vue3學習總結

v model 2.x語法 title.sync oldvalue childcomponent this emit update title newvalue 3.x語法v model title oldvalue childcomponent 所有v model不到引數,一定要改變道具和事件名稱...

Vue3學習記錄(二)

vue2中有data computed method等,我們有時候尋找乙個變數或者函式就需要翻閱整段 vue3提出了組合式api,並且提出了可以使用組合式api的地方 setup。p click add 加1button div template import from vue export def...