你不知道的Vue引用DOM的方法-ref

使用ref引用DOM元素

vue的优势：在MVVM中，程序员不需要操作DOM，只需要维护好数据即可(数据驱动视图)
强烈不建议大家安装和使用jQery

ref用来辅助开发者在不依赖jQuery的情况下，获取DOM元素或组件的引用

在每一个vue实例上，都包含一个 $ refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的$refs指向一个空对象

如果想拿到DOM元素的引用

1.给dom元素加上 $ref
例：

<h1 ref="myh12">App 根组件</h1>

myh12为ref的名字，名字不能冲突
引用这个DOM
this.$refs.xxx
xxx为引用名称

ref拿到组件的引用

    <Left type="text" ref="iptRef" />

blur为对鼠标焦点的属性 用法 @blur=“方法名”

了解this.$nextTick(cb)

this.$nextTick(cb)方法，把回调函数里面的代码cb延迟执行，延迟到DOM重新渲染之后，再去执行