在前端開發中，獲取dom元素的id是一項常見的任務。Vue.js作為一個流行的前端框架，也有一些方法可以獲取element id。下面將介紹幾種用于獲取element id的方法。

首先，我們可以使用document.getElementBtId("idName")方法來獲取元素id。這是一種常見的獲取dom元素的方法，而且用起來非常簡單。只需將id作為參數傳遞給這個方法即可，如下所示：

let element_id = document.getElementById("idName");
console.log(element_id);

這個簡單的代碼可以在瀏覽器控制臺中打印出元素id。需要注意的是，如果指定的元素id不存在，getElementById()會返回null。

除了getElementById()之外，還可以使用querySelector()方法來獲取元素id。querySelector()可以像CSS選擇器一樣定位元素，使用方法如下：

let element = document.querySelector("#idName");
console.log(element);

與getElementById()類似，querySelector()也可以在瀏覽器控制臺中獲取元素id。需要注意的是，querySelector()只返回匹配選擇器的第一個元素。

最后，我們可以使用Vue.js的$refs屬性來獲取元素id。$refs屬性是Vue.js提供的一種獲取dom元素的方法，用法如下：

<template>
<div ref="idName">Hello World</div>
</template>
<script>
export default {
mounted() {
let element = this.$refs.idName;
console.log(element);
}
}
</script>

這個例子中，我們在template中定義了一個div元素，并使用ref屬性給元素命名。在mounted鉤子函數中，使用this.$refs.idName獲取到這個元素。需要注意的是，$refs屬性只能在組件渲染之后使用。

以上就是幾種獲取元素id的方法。除了這幾種方法，還有許多其他的方法可以實現相同的功能。但是，無論使用何種方法，獲取元素id都是前端開發中必不可少的任務。掌握這些方法，可以提高開發效率并減少出錯的可能性。