$refs-获取DOM
目标: 利用 ref 和 $refs 可以用于获取 dom 元素
在这里插入代码片<template>
<div>
<!-- ref 是 Vue 框架封装的属性,可以用于快速获取 DOM 节点 -->
<p>1. 获取原生DOM元素</p>
<h1 id="hi" ref="myH">我是一个孤独可怜又能吃的h1</h1>
</div>
</template>
<script>
export default {
// 组件挂载 DOM 完毕后
mounted () {
console.log(document.querySelector('#hi'));
console.log(this.$refs.myH);
}
}
</script>
<style>
</style>
总结: 通过id / ref, 都可以获取原生DOM标签