Vue.js是一款流行的JavaScript框架，它可以輕松地動態修改CSS樣式，實現Web頁面的效果。在Vue.js中，我們可以使用數據綁定技術，將CSS高度設置為變量，并在需要時動態地修改變量的值來修改頁面元素的高度。

<template>
<div :style="{ height: elementHeight + 'px' }">
// 頁面元素
</div>
</template>
<script>
export default {
data() {
return {
elementHeight: 100, // 初始高度
}
},
methods: {
changeHeight() {
this.elementHeight = 200; // 修改高度為200
}
}
}
</script>

上面的代碼示例中，我們使用了Vue.js的數據綁定技術將CSS高度綁定到了變量elementHeight上。當elementHeight的值發生變化時，CSS高度也會相應地發生改變，直接影響頁面元素的高度。

在methods對象中，我們定義了一個changeHeight方法，當調用該方法時，將elementHeight的值修改為200，從而改變頁面元素的高度。

使用Vue.js的這種方式動態地修改CSS高度，可以使頁面元素在不同的交互場景下展現出不同的高度，實現更加靈活且豐富的交互效果。