古詩詞大全網 - 藝術簽名 - (1)版本共性差異比較

(1)版本共性差異比較

距離妳發布Vue 3已經快1個月了。十、經過妳自己的不斷探索、嘗試、調試,我想給妳壹點拙見。歡迎留言指正。

本文主要從不同角度比較和對比兩個版本的不同之處。

例如:nextTick

Vue3.x為自定義指令的創建提供了更詳細的API(類似於組件的聲明周期)。

1、綁定?& gt?拆卸(安裝前)

2、插入& gt?已安裝(安裝後)

3、?& gt?更新前(新,更新前)

4、更新& gt?刪除

5、組件更新?& gt?已更新(已更新)

6、?& gt?卸載前(新,卸載前)

7、解除綁定& gt?已卸載(卸載後)

當v-for使用key屬性時,Vue2.x中的template標簽會報告語法錯誤。

在Vue3.x中,推薦key屬性,提高模板渲染效率;

當v-if和v-for同時作用於壹個元素時:

Vue2.x中v-for的優先級會高於v-if;

Vue3.x中v-if的優先級會高於v-for;

禁忌:在Vue3.x中不能把v-for和v-if放在同壹個元素上,只能用v-for嵌套v-if。

建議:官方的建議是利用計算屬性提升性能,兼容Vue3.x。

在vue3中,添加了壹個新的v-slot指令,以區別於之前的slot。

槽的定義和之前vue2中的基本壹致。

建議使用插槽:

使用默認槽(匿名槽)時,可以使用和之前使用匿名槽壹樣的方式,也可以使用vue3中推薦的模板方法。

命名插槽的使用可以通過使用模板插入到指定的位置。

我們知道在vue2中,我們使用v-bind="$attrs "和v-on =" $ Listener "來連接數據和事件,但是在vue3中,先刪除了v-on指令,然後發現這兩個組件的屬性過於繁瑣,所以在當前版本中,集成了$attrs v-on="$listenner的功能。$ Listener已經作為$attrs的壹部分被傳遞了,所以妳只需要在composition上指定v-bind="$attrs ",這樣妳就同時擁有了傳遞值和事件的功能。

下壹章:(2) Vue3.x應用API

Ps:當妳的實力和天賦都不足以實現妳的抱負的時候,那就靜下心來努力吧!致敬自己,不辜負自己的青春。