Style 機能を使って見た目を変えてみよう
Tweetのセクションを使用する
この部分では CSS とほとんど同じ書き方をすることができます。
まずは普通の CSS を書いて、スタイルを当ててみましょう。
参考例
App.vue
<template>
<div class="wrapper">
<h2 class="title">
Vue + Vuex<br />
入門コース
</h2>
<p class="body">わかりやすいと評判!!</p>
</div>
</template>
<script></script>
<style>
.wrapper {
width: 400px;
margin: 0 auto;
background: turquoise;
padding: 10px;
}
.title {
font-size: 50px;
text-align: center;
}
.body {
text-align: center;
}
</style>