vue3學習總結

v-model

2.x語法

:title.sync

="oldvalue"
>
childcomponent
>

this

.$emit
('update:title'
,newvalue)

v-model:title

="oldvalue"
>
childcomponent
>

v-model

="oldvalue"
>
childcomponent
>

export

default
, methods:
}}

v-if的優先順序高於v-for

key 屬性

key屬性可以放在template幽靈節點裡

v-for
="item in list"
>
v-if
="item.isvisible"
:key
="item.id"
>
...div
>
v-else
:key
="item.id"
>
...span
>
template
>
v-for
="item in list"
:key
="item.id"
>
v-if
="item.isvisible"
>
...div
>
v-else
>
...span
>
template
>

2.x語法

"red"
v-bind=""
>
div>
"red"
>
div>

"red"
v-bind=""
>
div>
"blue"
>
div>
v-bind=""
id="red"
>
div>
"red"
>
div>

vue3中不再自動建立陣列$refs

v-for

="item in list"
:ref
="setitemref"
>
div>

export

default},
methods:},
beforeupdate()
,updated()
}

Vue3使用總結

vue3官方文件 vue3使用文件 vue3學習筆記 名稱 作用區別 ref用於為物件新增響應式狀態，基本資料型別作為引數，返回乙個具有響應式狀態的副本。1 獲取資料值的時候需要加.value。2 可以理解為ref是通過reactive包裝了一層具有value屬性的物件實現的。3 引數可以傳遞任意資...

vue3學習筆記

vue3 1.context.emit update xx props.xx 可 v model xx更新xx的值 個人記憶，雙向繫結 需要雙向改變的值 代替 vue2 sync 2.元件上繫結的事件預設是繫結第一層，可使用inheritattrs false 取消預設，在需要繼承的屬性的標籤使用v...

Vue3學習記錄（二）

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