當前位置:吉日网官网 - 錢幣收藏 - Vue2和Vue3的區別&&Vue3的組合式API

Vue2和Vue3的區別&&Vue3的組合式API

(1)、vue2:是壹個構造函數,通過該構造函數創建壹個Vue實例

(2)、Vue3:是壹個對象。並通過該對象的createApp()方法,創建壹個vue實例。

(1)、Vue2:可以通過el選項和$mount()方法來掛載容器。

(2)、Vue3:只能通過mount()方法來掛載容器

(1)、Vue2:data選項可以是壹個對象,也可以是壹個方法(由方法返回壹個對象)。

(2)、Vue3:data選項只能是壹個方法,由方法返回壹個對象。

(1)、Vue2:後添加的屬性不具備響應式。要想實現響應式只有兩種方法。

(1)、 set()方法給對象添加新的屬性,確保新添加的屬性同樣具備響應式。

(3)、操作數組後同時要具有響應式,必須要使用下面的方法:push(在數組的最後面添加數據)、pop(刪除數組的最後壹個數據)、unshift(在數組前面添加內容)、shift(刪除數組最前面的數據)、sort(排序)、reverse(反轉)、splice(截取刪除)

示例:

(2)、Vue3:vue3是自動實現數據響應式。

(1)、Vue2:定義方法的時候需要寫在methods裏面

在Vue2中,後添加的屬性是非響應式的。頁面不更新。需要用get()和set()方法.

(2)、Vue3:組合式API的作用是將原來分散開來定義的數據、方法、計算屬性、監聽器、組合起來定義壹個完整的業務。

ref:用來定義響應式數據

頁面中:

  • 上一篇:捷豹XEL代理商珍藏版售價33.89萬元,全液晶儀表盤+15W無線充電。
  • 下一篇:收藏已久的網易雲催淚熱評
  • copyright 2024吉日网官网