要使Vue樣式僅在當前頁面生效，你可以使用作用域樣式或者局部樣式。以下是兩種常見的方法：
1. 作用域樣式
Vue 支持使用帶有scoped屬性的<style>標簽來創建作用域樣式。這樣，樣式只會應用于當前組件的元素，不會影響其他組件。
<template><div class="wrapper">
<!-- 在這里編寫模板代碼 -->
</div>
</template>
<style scoped>
.wrapper {
background-color: red;
/* 其他樣式規則 */
}
</style>
在上面的示例中，.wrapper類的樣式只會應用于當前組件中的元素，并且不會影響其他組件。
2. 局部樣式
如果你不想使用作用域樣式，也可以使用局部樣式。在 Vue 組件中，你可以在 `<style>` 標簽內定義樣式，這些樣式只會應用于當前組件的元素。
<template><div class="wrapper">
<!-- 在這里編寫模板代碼 -->
</div>
</template>
<style>
.wrapper {
background-color: red;
/* 其他樣式規則 */
}
</style>
與作用域樣式相比，局部樣式沒有 `scoped` 屬性，所以它們不能自動隔離樣式。但是，由于樣式定義在組件文件中，它們只會應用于該組件的元素，并且不會影響其他組件。
以上是實現 Vue 樣式只在當前頁面生效的兩種常用方法。根據你的需求和項目結構，選擇適合你的方式即可。
