最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會員登陸 & 注冊

vue3 Provide和Inject的使用

2021-08-02 22:48 作者:忘魂兒  | 我要投稿


## Provide函數(shù)
### 可以通過provide來為子孫提供數(shù)據(jù)
#### provide可以傳入兩個參數(shù):name:提供的屬性名稱,value:提供的屬性值
import {provide} from 'vue'
setup(){
const x="xwl";
provide("name",x);
return {
 ? ?x
}
}
## Inject函數(shù)
### 在后代組件中可以通過inject 來注入需要的屬性和對應(yīng)的值
#### inject可以傳入兩個參數(shù):要inject 的property 的name,默認值.
import {inject} from 'vue'
setup(){
const y=inject("name","zhangsan");
return {
 ? ?y
}
## 為數(shù)據(jù)添加響應(yīng)式
### 可以向provide傳入ref或者reactive對象
import {provide} from 'vue'
setup(){
const name=ref("xwl");
provide("name",name);
return {
 ?name
}
#### 如果我們需要修改可響應(yīng)的數(shù)據(jù),那么最好是在數(shù)據(jù)提供的位置來修改
#### 我們可以將修改方法進行共享,在后代組件中進行調(diào)用
import {provide} from 'vue'
setup(){
 ? ?const changeName=()=>{
 ? ? ? ?console.log("changename")
 ? ?}
 ? ?provide("changeName",changeName)
 ? ?return {
 ? ? ?changename
 ? ?}
}


vue3 Provide和Inject的使用的評論 (共 條)

分享到微博請遵守國家法律
莱芜市| 本溪市| 黄大仙区| 务川| 武强县| 太湖县| 麦盖提县| 当雄县| 湛江市| 田阳县| 梓潼县| 博白县| 乌兰察布市| 启东市| 上栗县| 常熟市| 崇仁县| 谷城县| 南川市| 简阳市| 福泉市| 澄江县| 崇义县| 文登市| 晋州市| 金平| 米泉市| 阿图什市| 临西县| 杭锦旗| 故城县| 岳阳市| 广昌县| 韩城市| 垫江县| 广饶县| 望奎县| 探索| 禄丰县| 渑池县| 哈密市|