vue2 和 vue3的區別

MvloveYouForever發表於2024-08-28

1、選項式API和組合式API不同

2、元件通訊書寫方式不同,vue2透過props屬性, vue3 透過 defineProps。 vue3中 v-model可以繫結多個屬性,vue2中需要加 .sync實現多個雙向繫結。

3、生命週期不同 vue2是: beforeCreate、created、beforeMount、mounted、beforeupdate、updated

vue3是:setup開始建立元件、onBeforeMount、onMounted、onBeforeUpdate、onUpdated

4、vue3支援碎片、vue2不支援碎片。

5、vue2不能監聽到物件中的屬性的新增、刪除需要用到this.$set。vue3中刪除$set,屬性刪除和新增和響應式。

6、vue3中預設支援ts。

相關文章