在Vue應用中，我們經常會使用CSS來美化網頁界面。一個很常見的需求就是需要在CSS中調用Vue的數據。那么該怎么做呢？我們可以使用Vue提供的CSS變量來實現這一需求。

/*CSS*/
:root {
--primary-color: {{ color }}
}
.btn {
background-color: var(--primary-color);
}

在上面的代碼中，我們通過定義一個名為primary-color的CSS變量，并賦予值{{ color }}，其中{{ color }}是Vue實例中的一個數據。這樣，我們就可以在CSS中隨時引用這個變量，比如可以將.btn的背景顏色設置為primary-color，從而實現動態改變按鈕顏色的效果。

另外，在使用CSS變量的時候，我們需要注意以下幾點： 1. 變量名前綴必須為--，如上例中的--primary-color。 2. 變量值需要使用雙括號（{{}}）來包裹Vue實例中的數據。 3. 在Vue組件中，需要使用scoped屬性才能讓CSS僅作用于當前組件內部。 4. 如果需要在全局樣式中使用Vue數據，可以在根元素上定義CSS變量。

以上就是在CSS中調用Vue數據的方法，使用Vue提供的CSS變量可以讓我們實現更加靈活、動態的樣式設計。深入了解Vue的組件化開發，可以讓我們更好地應用這個技巧。希望本文對大家有所幫助。