vue3中使用reactive替代vuex

在vuex用於存放公用的資料和方法,並且資料改變可以實現檢視更新。但是使用也是很麻煩同步的要使用mutations,非同步的要使用actions，而且只能通過commit來更新資料。

user.ts用來存放user資料和更新user的方法

inte***ce

user
import
from
"vue"
;export
const user =
reactive()
;export
function
setuser
(val: user)

import

from
"@/store/user"
;setuser()
;

import

from
"@/store/user"
;import
from
"vue"
;//...省略了多餘**
const username =
computed((
)=> user.username)
;return

其實vue3的reactive和vue2中的observable功能是一樣的，這是vue2中obervable的使用方法

vue3中reactive注意點（系列四）

基本型別 數字 字串 布林值 在reactive中無法被建立成proxy物件，也就無法實現監聽。無法實現響應式 點選 button 我們期望的結果是數字從 0 變成 1，然而實際上介面上的數字並沒有發生任何改變。檢視控制台，它的輸出是這樣的 我點了 3 次 出現提示 value cannot be ...

Vue3使用總結

vue3官方文件 vue3使用文件 vue3學習筆記 名稱 作用區別 ref用於為物件新增響應式狀態，基本資料型別作為引數，返回乙個具有響應式狀態的副本。1 獲取資料值的時候需要加.value。2 可以理解為ref是通過reactive包裝了一層具有value屬性的物件實現的。3 引數可以傳遞任意資...

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 ...