在Vue中獲取HTML元素的data-* 屬性值，有兩種方法：通過拿到DOM節(jié)點(diǎn)、通過事件對象。

第一種方法：通過拿到DOM節(jié)點(diǎn)

mounted() {
const el = this.$refs.myRef;
const dataset = el.dataset;
console.log(dataset.id);
console.log(dataset.name);
}

代碼中我們通過ref獲取到DOM元素，然后就可以通過dataset屬性來獲取到data-*屬性值了，非常簡單。

第二種方法：通過事件對象

<button @click="handleClick" data-foo="bar">Click me</button>
methods: {
handleClick(event) {
const dataset = event.target.dataset;
console.log(dataset.foo) // "bar"
}
}

代碼中我們直接通過事件對象獲取到DOM元素，進(jìn)而獲取到data-*屬性值，同樣非常簡單。

綜上所述，無論是通過DOM節(jié)點(diǎn)還是事件對象，獲取data-*屬性值都是非常方便的。Vue的這個特性確實(shí)很方便，可以節(jié)省很多不必要的代碼。