vue3中provide和inject用法
參考:https://cn.vuejs.org/api/options-composition.html#provide
https://blog.csdn.net/lgdaren/article/details/125224122
import { provide,inject,ref,reactive } from "vue"
provide('info',"值")//設置值
const info = inject('info')//獲取值
添加響應性
爲了給 provide/inject 添加響應性,使用 ref 或 reactive 。
let info = ref("今天你學習了嗎?");
provide('info',info)
//如果在別的頁面改了info的值,則所有頁面獲取info的值馬上刷新。
const info = inject('info')
https://blog.csdn.net/lgdaren/article/details/125224122
import { provide,inject,ref,reactive } from "vue"
provide('info',"值")//設置值
const info = inject('info')//獲取值
添加響應性
爲了給 provide/inject 添加響應性,使用 ref 或 reactive 。
let info = ref("今天你學習了嗎?");
provide('info',info)
//如果在別的頁面改了info的值,則所有頁面獲取info的值馬上刷新。
const info = inject('info')
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
24-5-18 X
Higurashi-kagome
2024-06-01 14:30:43
【dubbo】如何測試一個dubbo服務呢?
金大鑫要堅持
2024-06-01 14:29:53
kubeconfig 多個集羣配置 如何切換
kubectl config get-contexts kubectl config use-context <context-name> kubectl config current-context
hiningrise
2024-06-01 14:27:53
兩臺windowserver服務器配置Redis哨兵集羣
天才臥龍
2024-06-01 14:24:12
oidc-client.js踩坑吐槽貼
提伯斯
2024-06-01 14:23:02
微盟電商-以造數工廠爲底座的低成本自動化應用實現(一)
保軍Baojun
2024-06-01 14:20:12
Mac Brew install慢的問題
阿 軍
2024-06-01 14:18:02
Vue devDependencies 與 dependencies 能別
阿 軍
2024-06-01 14:18:02
mysql 超大大數據庫複製前可執行的加速導入的SQL
菊花茶
2024-06-01 14:14:21
css25 CSS Tables
emanlee
2024-06-01 14:13:21
css29 CSS Layout - The z-index Property
emanlee
2024-06-01 14:13:21
css28 CSS Layout - The position Property
emanlee
2024-06-01 14:13:21
css26 CSS Layout - The display Property
emanlee
2024-06-01 14:13:21
css31 CSS Layout - float and clear
emanlee
2024-06-01 14:13:21