本文主要從不同角度比較和對比兩個版本的不同之處。
例如: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:當妳的實力和天賦都不足以實現妳的抱負的時候,那就靜下心來努力吧!致敬自己,不辜負自己的青春。