父子传参

291 阅读1分钟
1, 直接父子间传参
父: <child :toData='ss' @getFromChild='func'>
func(mes) {
console.log(mes) //'aa'
}

子:
props: [
toData:{
type: String,
default: 'cc',
require: true,
}
]

methods: {
toFather(){
this.$emit('getFormChild',‘aa’)
}
}



2, 深度父子传参 provide/inject
父:
provide: {
toData: 'aa'
}

子:
inject: {
toData: {
from: 'toData',
default: 'cc'
}
}

3,使用vuex
注意刷新时, vuex会清空