在Vue中使用CSS計算可以更方便地適應不同的設備和不同的屏幕大小。Vue提供了一種叫做響應式設計的解決方案，它允許您在CSS中使用JavaScript表達式來計算樣式。

例如，如果您想要在不同屏幕大小下調整元素的寬度，您可以通過以下代碼實現：

<template>
<div :style="{ width: screen.width >= 768 ? '50%' : '100%' }">
<p>內容</p>
</div>
</template>
<style>
p {
font-size: 20px;
}
</style>

在上面的代碼中，我們使用了Vue的style綁定屬性，將一個對象傳遞給了樣式。這個對象具有一個名為width屬性的鍵，它的值是一個JavaScript表達式：如果屏幕寬度大于或等于768像素，則元素的寬度為50%，否則為100%。這個表達式使用一個三元運算符，根據條件返回不同的值。

另一個值得注意的地方是我們使用了一個帶有響應式屬性的變量：screen.width。這意味著當屏幕大小改變時，這個表達式會自動重新計算，并更新元素的樣式。

通過這種方式，您可以使用Vue和CSS結合編寫更靈活和適應性更強的樣式。