vue父组件操作子组件的方法.docxVIP

vue父组件操作子组件的方法 可以通过props，$emit，$ref，provide/inject,vuex等Vue提供的API实现父子组件的通信。 具体而言，父组件调用子组件的大致步骤如下： 1.父组件向子组件传递数据，可以通过props或者在data中声明一个数据对象，将其赋值给子组件。 2.通过$emit触发子组件事件：父组件可以使用$emit方法来触发子组件的自定义事件，从而调用子组件中的方法，例如： //父组件 this.$emit(subEvent, val); //子组件 sub @subEvent=subFunc/sub subFunc(val) {....} 3.通过$ref调用子组件方法： //父组件 this.$refs.subCompo.subFunc(); 4.使用provide/inject实现父子组件之间的通信：利用provide和inject函数可以实现从顶层组件传递数据到任何一个子组件，从而实现父子组件的解耦，例如： //父组件 provide() { return{ foo:this.foo } }, //子组件 inject:[foo], ...