組合式和選項式不同

選項式vue3向下兼容vue2的大部分,除了過濾器還有兩個鉤子函數(shù)(名稱修改了)

組合式中沒有了vue2中的created和beforecreated,改為了setup

v-ifL比v-for有更高優(yōu)先級

vue3中可以綁定多個事件一定要添加小括號()方法中間使用逗號，隔開即可

事件中使用下列方法可以事件和值同時傳vue2和vue3都支持,傳值設(shè)置多個類型

reactive 定義響應(yīng)式數(shù)據(jù)

reactive它也是定義響應(yīng)式數(shù)據(jù)的

ref 它可以定義任意類型，ref定義的對象調(diào)用是

定要加.value

reactive 它只能定義引用類型對象],調(diào)用reactive對象中的屬性不需要加.value的

reactive可以理解為是對ref在引l用對象定義的一個簡化方案,不用寫.value

把值轉(zhuǎn)為ref對象 1對 1

批量轉(zhuǎn)換 把reactive中的所有的數(shù)據(jù)對轉(zhuǎn)為ref對象

setup

1.setup它是vue3提供的compositionApi配己置入口，所有的組合api都只能寫在此配置中

2.此方法它不能使用this，this它是一個undefined3.此方法默認只能返回ison對象，不能返回其他類型

4.如果使用async/await則則必須要和Suspense組件進行集合才可以使用

5.setup它有兩個參數(shù)，此參數(shù)可以讓我們在寫代碼調(diào)用props或相關(guān)方法

6.setup中包含了數(shù)據(jù)，方法，計算屬性，偵聽器等

注:如果你寫的是一個選項式寫法，data和setup等是可以共存的

在 Vue 3 中，可以將生命周期分為以下三個階段

1.創(chuàng)建階段

beforeCreate:在實例初始化之后，數(shù)據(jù)觀測和事件/watcher 配置之前被調(diào)用。

created:實例創(chuàng)建完成后被調(diào)用。此時，數(shù)據(jù)觀測、計算屬性、方法都已經(jīng)被設(shè)置好，但尚未開始模板編譯和掛載

2.更新階段

beforeUpdate: 在響應(yīng)式數(shù)據(jù)更新之前被調(diào)用。發(fā)生在虛擬 DOM 重新渲染和打補丁之前

updated: 在虛擬 DOM 重新渲染和打補丁之后調(diào)用。當前組件已更新，但可能是了組件中的更新。

3.卸載階段

beforeUnmount: 在卸載開開始之前被調(diào)用。相關(guān)的實例將被銷毀

unmounted:實例卸載后調(diào)用。此時，組件已從DOM 中移除，相關(guān)的指令和事件監(jiān)聽器也被移除。