Vue是一個流行的JavaScript框架，它主要用于構建動態單頁面應用程序。在Vue開發中，有時需要獲取HTML元素的內容并操作它們。這篇文章將介紹如何使用Vue獲取HTML。

在Vue中，可以使用$refs屬性來獲取DOM元素。$refs是Vue組件中的一個特殊屬性，它允許組件直接訪問其子組件或DOM元素。以下是一個示例：

<template>
<div>
<input type="text" v-model="inputValue">
<button @click="submit">提交</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
submit() {
const inputText = this.$refs.input.value;
console.log(inputText);
}
}
}
</script>

在上面的示例中，我們使用$refs屬性來獲取input元素的值，并將其打印到控制臺中。

除了使用$refs，還可以使用Vue的$el屬性來獲取組件的根DOM元素。以下是一個示例：

<template>
<div class="my-component">
<p>這是我的組件</p>
</div>
</template>
<script>
export default {
mounted() {
const el = this.$el;
console.log(el);
}
}
</script>

在上面的示例中，我們使用$el屬性來獲取組件的根DOM元素，并將其打印到控制臺中。

總結一下，使用$refs和$el屬性可以輕松地獲取HTML元素。這對于Vue開發中訪問和操作DOM元素非常有用。