vue3.x已經(jīng)正式發(fā)布了,部分小伙伴已經(jīng)用了vue3.x開(kāi)發(fā),部分小伙伴還在觀望中熬拒,下面是兩個(gè)影響比較大的改動(dòng)
1、beforeDestroy和destroyed不能用了垫竞。
這個(gè)應(yīng)該是vue2.x項(xiàng)目升級(jí)為vue3.x項(xiàng)目影響最大的地方澎粟,突然發(fā)現(xiàn)項(xiàng)目中beforeDestroy和destroyed不會(huì)被調(diào)用了蛀序,可以批量替換為beforeUnmount和unmounted。
2活烙、新增了 setup 函數(shù)徐裸。
執(zhí)行 setup 時(shí),組件實(shí)例尚未被創(chuàng)建啸盏。因此你在setup中不能使用this重贺,同時(shí)你只能訪問(wèn)以下 property:props、attrs宫补、slots檬姥、emit,將無(wú)法訪問(wèn)以下組件選項(xiàng):data粉怕、computed健民、methods、refs贫贝。
setup函數(shù)有兩個(gè)參數(shù)props和context秉犹。props 是響應(yīng)式的,當(dāng)傳入新的 prop 的時(shí)侯稚晚,它將被更新崇堵。context可以用來(lái)訪問(wèn)上面可以使用的屬性,相當(dāng)于this客燕。
最后鸳劳,上兩張硬核的圖
vue3.x生命周期
生命周期函數(shù)對(duì)比