一.父組件傳值給子組件
子組件:
?props:["name"]
父組件:
子組件接收:
this.$parents.msg//這個msg是父組件的msg
通過父組件提供給后代組件曝露的屬性和方法
父組件:
? data(){
return{
name:"父親的名字"
? ? ? ? ? }
? },
provide:function(){
return{
getName:this.name
? ? ? ? ? ? ? }
? ? ? ? }
子組件接收:
inject:["getName"]
二、 子組件傳值給父組件
自定義事件
? ? 子組件<child>:
this.$emit("increment","我是子組件")//increment: 隨便自定義的事件名稱? 第二個參數(shù)是傳值的數(shù)據(jù)
? ? 父組件<Father>:
? ? ? methods:{
? ? ? ? f1(data){
console.log(data)//打印"我是子組件"
? ? ? ? ? }
? ? ? }
子組件 <Child>:
? data(){
return{
name:"我是子組件"
? ? ? ? ? }
? ? ? ? }
父組件 <Father>:
? methods:{
? ? ? this.$refs.child_id.name? //這個name是子組件的name
? ? }
