在Vue中，我們可以通過綁定屬性來將數(shù)據(jù)渲染到DOM中。但是有時(shí)我們需要獲取DOM元素本身的屬性，而不是Vue實(shí)例中綁定的屬性。這時(shí)我們可以使用Vue提供的ref和$refs來獲取DOM元素，并且獲取其自定義屬性。

<template>
<div>
<div ref="myDiv" id="myDiv" custom-attr="hello world"></div>
<button @click="showCustomAttr">展示自定義屬性</button>
</div>
</template>
<script>
export default {
methods: {
showCustomAttr() {
const myDiv = this.$refs.myDiv
const customAttr = myDiv.getAttribute('custom-attr')
alert(customAttr)
}
}
}
</script>

上述代碼中，我們?cè)赿iv元素上添加了一個(gè)自定義屬性custom-attr，并將其值設(shè)置為'hello world'。我們使用ref="myDiv"將div元素綁定到Vue實(shí)例中的$refs.myDiv上，然后在showCustomAttr方法中，通過this.$refs.myDiv獲取DOM元素，再使用getAttribute('custom-attr')方法獲取到自定義屬性的值。最后在alert中展示該值。

這樣，我們就可以在Vue中獲取到DOM元素的自定義屬性了，通過這種方式可以方便地對(duì)DOM元素進(jìn)行操作和交互。