Vue2：通过ref获取DOM元素

一、场景描述

我们在页面的开发过程中，经常需要操作dom元素，来实现我们需要的效果。
以往js中，我们是通过给dom添加id，然后，通过js代码document来获取这个dom

简写代码案例：

<h2 id="test">这里是h2标签</h2>

<script>
	document.getElementById('test')
</script>

二、使用ref获取dom元素

1、ref加在html元素上

我们学习Vue之后，就不在使用这个方法来获取dom元素了。
一般，我们在Vue中，都是在vc中操作dom
所以，这个时候，我们使用ref属性来获取dom，从而实现操作效果。

简写代码案例：

<h2 v-text="msg" ref="title"></h2>


<script>