(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:用來定義響應式數據
頁面中: