最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue組件之間傳值/調(diào)用幾種方式

 更新時(shí)間：2022年12月02日 14:28:58   作者：來(lái)干了這碗代碼  
這篇文章主要介紹了Vue組件之間傳值/調(diào)用的幾種方式,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

組件之間傳值/調(diào)用方法的幾種方式

(一)父組件向子組件傳值==props

1.在父組件中使用子組件的地方綁定數(shù)據(jù)

<children :message="message"></children>

2.子組件使用props接收父組件傳過(guò)來(lái)的數(shù)據(jù)

props:{
     message:String
}

3.示例：

(二)子組件向父組件傳值==$emit，也可以用來(lái)調(diào)用父組件中的方法

1.子組件直接使用$emit將內(nèi)部數(shù)據(jù)傳遞給父組件

this.$emit("childByValue",this.childValue);

2.父組件中接收數(shù)據(jù)

<template>
     <child @childByVlaue="childByVlaue"></dhild>
</template>
methods:{
     childByValue:function(childValue){
          this.name=childValue;
     }
}

(三)可以通過(guò) p a r e n t 和 parent和 parent和children獲取父子組件參數(shù)

$children[i].params

this.$parent.params

(四)兄弟之間傳值===Vuex

1.在state里定義數(shù)據(jù)和屬性

state: {
    userName: '',
  },

2.在mutation里定義函數(shù)

mutations: {
    setUserName(state, name) {
      state.userName = name
    },
},

3.設(shè)置值

this.$store.comit('setUserName',params)

4.獲取值

this.$store.state.user.userName

(五)父組件調(diào)用子組件的方法===ref

1.子組件的方法

methods:{
     childMethod(){
          alert("我是子組件的方法");
     }
}

2.父組件調(diào)用子組件的方法

<template>
     <child ref="child"></child>
     <div @click="parentMethod"></div>
</template>
methods:{
     parentMethod(){
          this.$refs.child.childMethod();
     }
}

推薦

vue 組件間的通信之子組件向父組件傳值的方式

詳解Vue3 父組件調(diào)用子組件方法($refs 在setup()、＜script setup＞ 中使用)

到此這篇關(guān)于Vue組件之間傳值/調(diào)用方法的幾種方式的文章就介紹到這了,更多相關(guān)vue組件傳值內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論

墨脱县| 六枝特区| 水城县| 望江县| 谷城县| 绍兴市| 北流市| 北宁市| 虞城县| 古浪县| 佛坪县| 宣恩县| 安西县| 黄大仙区| 南汇区| 巢湖市| 临猗县| 安仁县| 武隆县| 清苑县| 南投县| 灵山县| 侯马市| 玛曲县| 孝感市| 磴口县| 特克斯县| 宁强县| 遵化市| 兴仁县| 连云港市| 格尔木市| 五华县| 股票| 江源县| 漯河市| 鄂托克前旗| 东乡县| 桃园市| 祁阳县| 永年县|