Vue2 ref 引用

jQuery很强 简化了开发人员对DOM的操作；

vue的优势：MVVM 在vue中，开发人员不需要操作DOM。只需要把数据维护好即可!（数据驱动视图）；

结论：在vue项目中，强烈不建议大家安装和使用jQuery ! ! !

假设：在vue中，需要操作DOM了，需要拿到页面上某个DOM元素的引用，此时怎么办？

1.什么是 ref 引用？

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

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

组件的$refs指向一个空对象。

2.使用 ref 引用DOM元素

<template>
  <div class="app-container">
    <h1 ref="myh1">App 根组件</h1>
    <button @click="showThis">打印this</button>
    <hr ref='myh1'>
  </div>
</template>

<script&