VUE中調用CSS是在Vue組件開發中的一項重要技能，不管是開發移動端App還是Web頁面，前端開發離不開CSS的運用。在Vue中我們可以使用直接引入CSS文件和內嵌樣式兩種方式實現CSS的調用。

一、直接引入CSS文件

<template>
<div class="container">
<p>這是一段顯示文字</p>
</div>
</template>
<script>
export default {
name: 'MyComponent',
}
</script>
<style>
/* 引入外部CSS */
@import './my-style.css';
.container {
background-color: #eee;
padding: 10px;
}
p {
font-size: 16px;
color: #333;
}
</style>

以上代碼中使用的是@import規則直接導入了CSS文件，并且定義了一個.container類和p標簽的樣式。在template中的組件部分，使用定義好的類名可以很方便的將樣式應用于組件內部的元素上。這個方法非常適合大型項目中，可以方便模塊化開發。

二、內嵌樣式

<template>
<div style="background-color:#eee; padding:10px;">
<p style="font-size:16px; color:#333;">這是一段顯示文字</p>
</div>
</template>
<script>
export default {
name: 'MyComponent',
}
</script>

以上代碼中，我們使用了組件內嵌樣式的方式來實現CSS的調用，可以通過style屬性來定義元素的樣式。這個方法非常適合一些小型的項目，在大型項目中使用這種方法會讓代碼變得雜亂無章，難以維護。

總結：

無論是直接引入CSS文件還是內嵌樣式，都是Vue組件和CSS技術相結合的實踐。在實際項目當中，我們可以根據實際情況來靈活使用這兩種方法。同時，我們也要注意樣式的書寫規范和兼容性問題，這樣才能達到開發高質量、可維護的Vue項目。