sync不生效 vue 複習之Vue元件間的通訊

2021-10-14 04:57:30 字數 1046 閱讀 8596

父元件傳遞資料給子元件時,可以通過特性傳遞。

推薦使用這種方式進行父->子通訊。

子元件傳遞資料給父元件時,觸發事件,從而丟擲資料。

推薦使用這種方式進行子->父通訊。

v-model 、 .sync

祖先元件傳遞資料給子孫元件時,可以利用$attrs傳遞。

demo或小型專案可以使用$attrs進行資料傳遞,中大型專案不推薦,資料流會變的難於理解。

$attrs的真正目的是撰寫基礎元件,將非prop特性賦予某些dom元素。

可以在子孫元件中執行祖先元件的函式,從而實現資料傳遞。

demo或小型專案可以使用$listeners進行資料傳遞,中大型專案不推薦,資料流會變的難於理解。

$listeners的真正目的是將所有的事件***指向這個元件的某個特定的子元素。

可以在子元件中訪問**根**例項的資料。

對於 demo 或非常小型的有少量元件的應用來說這是很方便的。中大型專案不適用。會使應用難於除錯和理解。

可以在子元件中訪問**父**例項的資料。

對於 demo 或非常小型的有少量元件的應用來說這是很方便的。中大型專案不適用。會使應用難於除錯和理解。

可以在父元件中訪問**子**例項的資料。

對於 demo 或非常小型的有少量元件的應用來說這是很方便的。中大型專案不適用。會使應用難於除錯和理解。

可以在父元件中訪問**子**例項的資料。

$refs 只會在元件渲染完成之後生效,並且它們不是響應式的,適用於demo或小型專案。

祖先元件提供資料(provide),子孫元件按需注入(inject)。

會將元件的阻止方式,耦合在一起,從而使元件重構困難,難以維護。不推薦在中大型專案中使用,適用於一些小組件的編寫。

非父子元件(兄弟之間)通訊時,可以使用這種方法,但僅針對於小型專案。中大型專案使用時,會造成**混亂不易維護。

狀態管理。

sync不生效 vue vue 聽說你很會傳值?

大小 vue 專案都離不開元件通訊,在這裡總結一下vue元件通訊方式並列出,都是簡單的例子.適合像我這樣的小白。如有錯誤,歡迎指正。son.vue copyexport default mounted copyson.vue copyexport default copy控制台列印 我是子元件的值 ...

vue中transition不生效的問題

當用到的時候剛開始就是不生效 一 元件過渡效果 tsname view list key livelist v if whichselected 0 v for item,index in livelist key index datas item click.native jump item ar...

VUE 引入element ui 樣式不生效解決

已經按官網指示並完成如下引用 import vue from vue import elementui from element ui import element ui lib theme chalk index.css vue.use elementui 此時執行使用elmentui任何標籤都沒...