Vue.jsで使える便利なコードまとめ

物体を真ん中に置きたい場合

margin: 0px auto;

枠内の輪郭部分に余白を作りたい場合

padding: 30px;

物体内のタイトルを中央に配置したい場合

display: inline-block;

入力枠を中央にしたい場合

v-colにclass="mx-auto"を追加

パスワードを黒丸で隠す

type="password"
<v-text-field
v-model="password"
type="password"
:rules="passwordRules"
:counter="10"
label="パスワード"
required>
</v-text-field>

ボタン状で表示

<v-btn to="signup">

テキストリンクで表示

<v-btn text color="light-blue" to="signup">

新規ページ作成時

views（ページ作成フォルダ）でファイル作成→router（index.js）でPathとimport記述
※Pathは小文字にすること