Vue（十一）：组件边界

1、访问元素和组件

　　1）、访问根节点
　　　　我们可以在任何一个地方通过this.$root访问根节点的数据，但是容易造成混乱，不建议在大型项目中调用。如果你使用的是vue项目，那这个根节点应该是main.js中创建的vue实例。官网建议使用vuex，我点过去这是另外一个开源的项目，回头研究研究。

　　2）、访问父节点
　　　　this.$parent代表父节点

　　3）、访问子节点
　　　　在组件上设置ref属性，给ref设置属性名，渲染完组件之后，访问this.$refs.属性名就是访问这个组件的vue实例了，如果有相同的属性名，则最后一个会覆盖前面相同的vue实例

　　4）、依赖注入
　　　　父级组件通过provide来声明父级有哪些属性/方法可以访问，子级组件通过inject来声明我会访问父级的哪些属性/方法，官网建议理解成大范围的prop。

provide: function() {  //父级代码
          return {
            getMap: this.getMap
          };
        },
 
inject: ["getMap"],  //子级代码

2、程序化的事件侦听器

Vue（十一）：组件边界

原文：https://www.cnblogs.com/liangshibo/p/12994647.html