Vue介绍$parent()方法和$refs()方法

Vue介绍$parent()方法和$refs(）方法

1. 首先介绍这个两个方法的用处：parent()方法是在子组件中可以直接访问该组件的父实例或组件；而refs（）方式可以用来访问子组件的中的数据。
2. 贴出代码
   
   

3.分析方法:（1）在41-51行代码中使用了$parent()方法，首先不难看出this.$parent.total中的total就是父实例中的属性，子组件直接给它赋值，这就是实现了子组件对父实例的访问。

（2）在第22行代码中，我们可以看到ref=“comA”,这句的意义是给子组件一个名称，为了方便在父实例中对子组件操作，在第61行代码中，可以看到，this.refs.comA.counter.这就实现了父实例对子组件的数据访问。

4.源码地址：https://github.com/lyh123456789/Vue.git