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

歡迎光臨散文網(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的使用的評論 (共 條)

分享到微博請遵守國家法律
卢龙县| 南漳县| 六枝特区| 婺源县| 台北县| 永定县| 西安市| 个旧市| 阳西县| 永德县| 察哈| 漯河市| 孙吴县| 塘沽区| 高雄县| 翼城县| 洛川县| 大竹县| 库伦旗| 靖边县| 于都县| 阜城县| 九龙县| 仪征市| 施秉县| 德兴市| 塔城市| 波密县| 温泉县| 略阳县| 锡林浩特市| 无锡市| 清涧县| 古浪县| 丹江口市| 凉山| 邻水| 柘城县| 石景山区| 临朐县| 揭阳市|