父组件
<template>
<div>
<el-button type="text" @click="sonFun">useSon</el-button>
<sonV ref='sonV' :mes="sonData"></sonV>
</div>
</template>
<script>
import sonV from './test.vue';
export default {
components: {
sonV
},
data() {
return {
sonData: ''
};
},
medthods: {
sonFun() {
this.sonData = '123';
let param = 456;
this.$refs.sonV.sonFun(param);
}
}
};
</script>
子组件
<template>
<div>{{mes}}</div>
</template>
<script>
export default {
props:['mes'],
data(){
return{
}
},
methods:{
sonFun(param){
console.log(this.mes)
console.log(param)
}
}
}
</script>