一、 $ref 

在Vue中想直接获取元素对象或子组件的实例的时候，可以给元素或者组件绑定一个ref 的 attribute属性。

1. 绑定到元素上

<h2 ref="title">哈哈哈</h2>

2. 绑定到组件实例上

<NavBar ref="navbar" :titles="titles"></NavBar>

3. 获取元素/组件实例

· 获取元素 this.$refs.title

· 获取组件实例 this.$refs.navbar

· 获取组件实例中的属性 this.$refs.navbar.name

· 执行组件实例中的方法 this.$refs.navbar.navBarClick()

二、 $parent 

1. 访问父组件元素

this.$parent.titles

2. 执行父组件中的方法 

this.$parent.btnClick()

三、 $root

1. 访问根组件元素

this.$root.titles

2. 执行根组件中的方法 

this.$root.btnClick()

四、$el

获取组件的根元素

this.$refs.navbar.$el