| 企服解答

vue3.0新特性有：1、支持tree-shaking；2、新增setup；3、引入了Composition API；4、新增三個(gè)組件（Fragment、Teleport、Suspense）；5、響應(yīng)式API；6、響應(yīng)式偵聽(tīng)等。

vue3.0新特性

1、支持tree-shaking：

引入了Tree-Shaking，在Vue3中，所有的API都通過(guò)ES6模塊化的方式引入，這樣就能讓webpack或rollup等打包工具在打包時(shí)對(duì)沒(méi)有用到API進(jìn)行剔除，最小化bundle體積。

2、新增setup：

在vue3中，新增了一個(gè)setup生命周期函數(shù)，setup執(zhí)行的時(shí)機(jī)是在beforeCreate生命函數(shù)之前執(zhí)行，因此在這個(gè)函數(shù)中是不能通過(guò)this來(lái)獲取實(shí)例的；同時(shí)為了命名的統(tǒng)一，將beforeDestroy改名為beforeUnmount，destroyed改名為unmounted。

3、引入了Composition API：

Composition API可以將同一個(gè)功能的邏輯，組織在一個(gè)函數(shù)內(nèi)部，利于維護(hù)。

4、新增三個(gè)組件（Fragment、Teleport、Suspense）：

（1）Fragment指的是片段。在vue2.x中，要求每個(gè)模板必須有一個(gè)根節(jié)點(diǎn)，而在Vue3中，因?yàn)樾略隽薋ragment，所以編寫(xiě)時(shí)可以不需要根節(jié)點(diǎn)，這樣就少了很多沒(méi)有意義的div元素。

（2）Teleport可以將插槽中的元素或者組件傳送到頁(yè)面的其他位置。

（3）Suspense是Vue3推出的一個(gè)內(nèi)置組件，它允許我們的程序在等待異步組件時(shí)渲染一些后備的內(nèi)容，可以讓我們創(chuàng)建一個(gè)平滑的用戶(hù)體驗(yàn)。

5、響應(yīng)式API：

Vue3提供一個(gè)函數(shù)ref。

在vue3中將computed功能進(jìn)行了抽離，它接受一個(gè)getter函數(shù)，并為getter返回的值創(chuàng)建了一個(gè)不可變的響應(yīng)式ref對(duì)象。

6、響應(yīng)式偵聽(tīng)：

和computed相對(duì)應(yīng)的就是watch，computed是多對(duì)一的關(guān)系，而watch則是一對(duì)多的關(guān)系；vue3也提供了兩個(gè)函數(shù)來(lái)偵聽(tīng)數(shù)據(jù)源的變化：watch和watchEffect。

| 擴(kuò)展閱讀

Vue是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。Vue被設(shè)計(jì)為可以自底向上逐層應(yīng)用，它的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。

Vue是一款目前最流行的前端框架之一，它將組成一個(gè)頁(yè)面的HTML，CSS和JS合并到一個(gè)組件中，可以被其他組件或頁(yè)面引入而重復(fù)利用。

通常每個(gè).Vue文件作為一個(gè)組件導(dǎo)出，組件可以作為基礎(chǔ)組件（如按鈕）或一個(gè)頁(yè)面（如登錄頁(yè)面）。組件化很好的將一個(gè)龐大復(fù)雜的前端工程拆分為一個(gè)個(gè)組件，重復(fù)利用的性質(zhì)也大大提高了開(kāi)發(fā)的效率。