1,给子组件绑定ref
<Child ref="child"></Child>
父组件通过this.$refs.child调用子组件hh的方法
this.$refs.child.hh()
2,eventBus
新建一个vue文件
import Vue from 'vue'
export default new Vue()
父组件
import EventBus from "@/components/EventBus";
EventBus.$emit('sj', value); //传递value给子组件(可以是子组件方法的名字)
子组件
import EventBus from "@/components/EventBus";
EventBus.$on('sj', (value) =>{
//value为此值
let sj=value
this.sj()
})
父子组件的生命周期:
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted
一定得等子组件挂载完毕后,父组件才能挂在完毕,所以父组件的 mounted 在最后。
所以调用方法的操作要放在mout中