getAttribute方法是Vue中常用DOM元素操作的方法之一，它用來獲取指定屬性的值。下面是一個簡單的例子：

<div id="app">Hello Vue</div>

在Vue中，我們可以通過ref屬性來獲取DOM元素。然后使用getAttribute方法獲取指定屬性的值。比如，我們可以獲取一個input元素的value屬性：

<template>
<div>
<input ref="myInput" type="text" value="Hello World">
</div>
</template>
<script>
export default {
mounted() {
var input = this.$refs.myInput;
var value = input.getAttribute("value");
console.log(value);  // "Hello World"
}
}
</script>

除了獲取屬性的值，getAttribute方法也可以用來判斷元素是否具有某個屬性：

<template>
<div>
<input ref="myInput" type="text" value="Hello World">
</div>
</template>
<script>
export default {
mounted() {
var input = this.$refs.myInput;
if (input.hasAttribute("value")) {
console.log("myInput has value attribute");
} else {
console.log("myInput does not have value attribute");
}
}
}
</script>

getAttribute方法和其他DOM屬性相關(guān)方法一樣，它只能操作HTML屬性，并不能獲取元素的CSS樣式。如果想要獲取元素的CSS樣式，需要使用getComputedStyle方法：

<template>
<div>
<div ref="myDiv" style="color: red; font-size: 24px;">Hello Vue</div>
</div>
</template>
<script>
export default {
mounted() {
var div = this.$refs.myDiv;
var style = window.getComputedStyle(div);
console.log(style.color);  // "rgb(255, 0, 0)"
console.log(style.fontSize);  // "24px"
}
}
</script>