這些內容是博主在學習過程中記錄下來的，有壹些不重要的點就跳過了，需要時自行查詢文檔。其實 V2 到 V3 的學習成本不高，熟悉 V2 的話，看完這篇文章就可以上手 V3 。
Vue3官網
在線源碼編譯地址
setup 是所有 Composition API 的容器，值為壹個函數。組件中所用到的數據、方法等等，均要配置在 setup 中，它會在 beforeCreate 之前執行壹次，註意： V3 裏 this 不再是指向 Vue 實例，訪問 this 會是 undefined
盡量不要與V2配置混用
V2 配置（ data 、 methos 、 computed ...）中可以訪問到 setup 中的屬性、方法。
但在 setup 中不能訪問到 V2 配置（ data 、 methods 、 computed ...）。
如果有重名, setup 優先。
setup不能是壹個async函數
因為返回值不再 return 的對象, 而是 promise , 模板看不到 return 對象中的屬性。（後期也可以返回壹個 Promise 實例，但需要 Suspense 和異步組件的配合）
使用 ref 可以創建壹個包含響應式數據的引用對象（reference對象，簡稱ref對象），可以是基本類型、也可以是對象。
語法
定義壹個對象類型的響應式數據，內部基於 ES6 的 Proxy 實現，通過代理對象操作源對象內部數據進行操作
語法
與 V2 中 computed 配置功能壹致
語法
與 V2 中 watch 配置功能壹致，語法有點改動
語法
和 watch 的區別是， watch 既要指明監視的屬性，也要指明監視的回調。而 watchEffect ，不用指明監視哪個屬性，監視的回調中用到哪個屬性，那就監視哪個屬性，不用寫返回值。
語法
生命周期全都寫在 setup 中
創建壹個 ref 對象，其 value 值指向另壹個對象中的某個屬性
語法
將響應式對象轉換為普通對象，其中結果對象的每個 property 都是指向原始對象相應 property 的 ref
語法
只處理對象最外層屬性的響應式（淺響應式）。適用於：壹個對象數據，結構比較深, 但變化時只是外層屬性變化
語法
只處理基本數據類型的響應式, 不進行對象的響應式處理。適用於：壹個對象數據，後續功能不會修改該對象中的屬性，而是生新的對象來替換
語法
讓壹個響應式數據變為只讀的（深只讀），應用於不希望數據被修改時
語法
讓壹個響應式數據變為只讀的（淺只讀），應用於不希望數據被修改時
語法
將壹個由reactive生成的響應式對象轉為普通對象，對這個普通對象的所有操作，不會引起頁面更新。
語法
標記壹個對象，使其永遠不會再成為響應式對象，有些值不應被設置為響應式的，例如復雜的第三方類庫等，當渲染具有不可變數據源的大列表時，跳過響應式轉換可以提高性能。
語法
創建壹個自定義的 ref，並對其依賴項跟蹤和更新觸發進行顯式控制。它需要壹個工廠函數，該函數接收 track 和 trigger 函數作為參數，並且應該返回壹個帶有 get 和 set 的對象。
語法
實現祖與後代組件間通信，父組件有壹個 provide 選項來提供數據，後代組件有壹個 inject 選項來開始使用這些數據
語法
檢查壹個值是否為壹個 ref 對象
語法
檢查壹個值是否為壹個 isReactive 對象
語法
檢查壹個對象是否是由 readonly 創建的只讀代理
語法
檢查對象是否是由 reactive 或 readonly 創建的 proxy
語法
Teleport 提供了壹種幹凈的方法，允許我們控制在 DOM 中哪個父節點下渲染了 HTML ，而不必求助於全局狀態或將其拆分為兩個組件。
語法
等待異步組件時先渲染壹些額外內容，讓應用有更好的用戶體驗
語法
將全局的API，即：Vue.xxx調整到應用實例（app）上
由於 V3 中不在存在 this ，所以 ref 的獲取調整了
語法
V3 中在 for 循環元素上綁定 ref 將不再自動創建 $ref 數組。要從單個綁定獲取多個 ref ，請將 ref 綁定到壹個更靈活的函數上
語法
定義壹個組件可以向其父組件觸發的事件
使用方式修改
通過事件來監聽組件生命周期中的關鍵階段
語法
如果看了覺得有幫助的，我是@ 鵬多多11997110103 ，歡迎 點贊 關註 評論；
END
往期文章
個人主頁