vue3.0新特性

| 企服解答

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

vue3.0新特性

1、支持tree-shaking：

引入了Tree-Shaking，在Vue3中，所有的API都通過ES6模塊化的方式引入，這樣就能讓webpack或rollup等打包工具在打包時對沒有用到API進行剔除，最小化bundle體積。

2、新增setup：

在vue3中，新增了一個setup生命周期函數，setup執行的時機是在beforeCreate生命函數之前執行，因此在這個函數中是不能通過this來獲取實例的；同時為了命名的統一，將beforeDestroy改名為beforeUnmount，destroyed改名為unmounted。

3、引入了Composition API：

Composition API可以將同一個功能的邏輯，組織在一個函數內部，利于維護。

4、新增三個組件（Fragment、Teleport、Suspense）：

（1）Fragment指的是片段。在vue2.x中，要求每個模板必須有一個根節點，而在Vue3中，因為新增了Fragment，所以編寫時可以不需要根節點，這樣就少了很多沒有意義的div元素。

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

（3）Suspense是Vue3推出的一個內置組件，它允許我們的程序在等待異步組件時渲染一些后備的內容，可以讓我們創建一個平滑的用戶體驗。

5、響應式API：

Vue3提供一個函數ref。

在vue3中將computed功能進行了抽離，它接受一個getter函數，并為getter返回的值創建了一個不可變的響應式ref對象。

6、響應式偵聽：

和computed相對應的就是watch，computed是多對一的關系，而watch則是一對多的關系；vue3也提供了兩個函數來偵聽數據源的變化：watch和watchEffect。

| 擴展閱讀

Vue是一套用于構建用戶界面的漸進式框架。Vue被設計為可以自底向上逐層應用，它的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。

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

通常每個.Vue文件作為一個組件導出，組件可以作為基礎組件（如按鈕）或一個頁面（如登錄頁面）。組件化很好的將一個龐大復雜的前端工程拆分為一個個組件，重復利用的性質也大大提高了開發的效率。