获取 vue 标签的方法：document.queryselector('tag-name')：获取单个标签名元素。document.queryselectorall('tag-name')：获取多个标签名元素集合。vue 特定方法：$refs：访问通过 ref 属性绑定的元素。$el：引用根 vue 实例的 dom 元素。mounted() 钩子：组件挂载后，使用 this.$el 访问 dom 元素。
如何获取 Vue 标签
获取单一标签
- document.querySelector('tag-name')：获取第一个匹配指定标签名的元素。
- document.getElementById('tag-id')：获取具有指定 ID 的元素。
获取多个标签
- document.querySelectorAll('tag-name')：获取所有匹配指定标签名的元素集合。
- document.getElementsByClassName('class-name')：获取所有具有指定类名的元素集合。
Vue 特定方法
立即学习“前端免费学习笔记（深入）”；
Vue 提供了一些专门用于获取标签的快捷方法：
- $refs：允许访问通过 ref 属性绑定的元素。
- $el：引用根 Vue 实例的 DOM 元素。
- mounted() 钩子：组件挂载后，可以使用 this.$el 访问其 DOM 元素。
示例
以下是如何使用 Vue 获取单一标签：
<code>const button = document.querySelector('button');</code>以下是如何使用 Vue 获取所有按钮：
<code>const buttons = document.querySelectorAll('button');</code>以下是如何在 Vue 组件中使用 $refs 获取一个特定的标签：
<code><template>
<button ref="myButton">按钮</button>
</template>
<script>
export default {
mounted() {
const myButton = this.$refs.myButton;
}
};
</script></code> 
