vue3官方文件 vue3使用文件名稱vue3學習筆記
作用區別
ref用於為物件新增響應式狀態，基本資料型別作為引數，返回乙個具有響應式狀態的副本。
1、獲取資料值的時候需要加.value。2、可以理解為ref是通過reactive包裝了一層具有value屬性的物件實現的。3、引數可以傳遞任意資料型別，傳遞物件型別時也能保持深度響應式，所以適用性更廣。
reactive
用於為物件新增響應式狀態，接收物件作為引數，返回乙個具有響應式狀態的副本。
1、獲取資料值的時候直接獲取，不需要加.value。
2、引數只能傳入物件型別
toref
toref 用於為源響應式物件上的屬性新建乙個ref，從而保持對其源物件屬性的響應式連線。接收兩個引數：源響應式物件和屬性名，返回乙個ref資料
1、獲取資料值的時候需要加.value。2、toref後的ref資料不是原始資料的拷貝，而是引用，改變結果資料的值也會同時改變原始資料
torefs
torefs 用於將響應式物件轉換為結果物件，其中結果物件的每個屬性都是指向原始物件相應屬性的ref。常用於es6的解構賦值操作，因為在對乙個響應式物件直接解構時解構後的資料將不再有響應式，而使用torefs可以方便解決這一問題。
1、獲取資料值的時候需要加.value。 2、torefs後的ref資料不是原始資料的拷貝，而是引用，改變結果資料的值也會同時改變原始資料。3、作用其實和 toref 類似，只不過 toref 是乙個個手動賦值，而 torefs 是自動賦值。
盡量不要混著用，reactive和ref選一種，toref和torefs選一種，不然**會很亂.
vue3學習總結
v model 2.x語法 title.sync oldvalue childcomponent this emit update title newvalue 3.x語法v model title oldvalue childcomponent 所有v model不到引數，一定要改變道具和事件名稱...
vue3使用路由跟vuex
vue3安裝跟使用路由 先安裝vue版本 npm 安裝 npm i vue router 4.0.0 beta.4 s yarn 安裝 yarn add vue router 4.0.0 beta.7 s新建router資料夾下面新建index.js檔案 如下 index.js檔案 default ...
vue3中使用reactive替代vuex
在vuex用於存放公用的資料和方法,並且資料改變可以實現檢視更新。但是使用也是很麻煩同步的要使用mutations,非同步的要使用actions，而且只能通過commit來更新資料。下面來實現這樣乙個常見功能，登入的時候儲存使用者名稱，在內容頁的頭部顯示使用者名稱 user.ts用來存放user資料...