Vue.js是一款流行的JavaScript框架，為前端開發帶來了很多便利。在Vue.js中增加CSS樣式非常方便。本文將介紹如何在Vue.js中增加CSS樣式。

<template>
<div class="my-component">
<p class="my-paragraph">Hello, World!</p>
</div>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>
<style scoped>
.my-component {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.my-paragraph {
color: #f00;
font-size: 24px;
}
</style>

在上面的代碼中，我們定義了一個Vue.js組件，并在其中嵌套了一個段落標簽。我們為這個組件增加了CSS樣式，使得這個組件居中顯示，并且擁有一個紅色的文字。在