Vue中的hover樣式可以通過給元素綁定一個hover事件來實現，當鼠標懸停在元素上時，會觸發該事件，從而改變元素的樣式。

/* 在Vue的template中綁定hover事件 */
<template>
<div class="box" v-on:mouseover="hover=true" v-on:mouseout="hover=false">
<p v-bind:class="{ active: hover }">這是一個盒子</p>
</div>
</template>
/* 在Vue的data中定義hover變量 */
<script>
export default {
data() {
return {
hover: false
}
}
}
</script>

上述代碼中，給一個class名為box的div元素綁定了mouseover和mouseout事件，當鼠標懸停在這個盒子上時，hover變量的值為true，p元素的樣式就會改變，這里給p元素添加了一個名為active的class，用來表示元素被hover過。

使用Vue的hover樣式可以讓我們在編寫動態交互的網頁時更方便的控制樣式，可以有效地提高網頁的用戶交互性和視覺效果。