在Vue.js中，我們可以使用樣式綁定來修改元素的外觀。樣式綁定提供了在JavaScript中操作元素樣式的替代方法，這使得開發者可以更容易地管理和使用應用程序中的CSS。下面是一個簡單的示例，展示如何使用Vue.js修改元素樣式：

<template>
<div :style="{ backgroundColor: color }">
<button @click="changeColor">Change Color</button>
</div>
</template>
<script>
export default {
data() {
return {
color: 'red'
}
},
methods: {
changeColor() {
this.color = 'blue'
}
}
}
</script>

在上面的代碼中，我們使用了樣式綁定`":style"`在`div`元素上，以根據`color`數據的值動態地設置`background-color`CSS屬性。還定義了一個`changeColor`方法，在點擊按鈕時將`color`值更改為藍色。

另外，還可以使用動態class名稱來控制樣式改變。例如：

<template>
<div :class="{ active: isActive }">
<button @click="toggleActive">Toggle Active</button>
</div>
</template>
<script>
export default {
data() {
return {
isActive: false
}
},
methods: {
toggleActive() {
this.isActive = !this.isActive
}
}
}
</script>
<style>
.active {
background-color: red;
}
</style>

在上面的代碼中，`div`元素的樣式由`active` class名控制。根據`isActive`值的不同，class名可以添加或刪除，從而改變元素的背景色。我們還定義了一個`toggleActive`方法，該方法在點擊按鈕時切換`isActive`值。