vue子组件访问父组件的方法($parent和$root)

首先要在父组件里引入子组件

父

在父组件里声明一个事件，并不进行操作

 

 

 子

在子组件里声明一个点击事件

 

 然后在方法里使用

$parent:是在子组件中可以直接访问该组件的父实例或组件

  methods: {
            one(){
                this.$parent.changen(); //操作父组件的方法 changen()

 　　　　　　　　　　Console.log(this.$parent.count);//访问父组件count的值

            }
   }    

如果要访问祖父组件，祖祖祖父组件那不是要加更多的 .$parent么

如：

　　祖父组件是app，那么 访问aap里的msg或appmet()方法就要这样写

　　

methods: {
            one(){
                 this.$parent.changen();
                console.log(this.$parent.$parent.msg,'祖父组件')
            }
   }    

这样写的话就比较麻烦我们可以直接使用

$root，直接从根结点访问

就可以这样写

 

 this.$root.appmet();

 

 

总结步骤：给子组件一个点击事件，通过点击事件使用this.$parent或this.$root直接访问父组件值，方法或祖父的值，方法