-
【Nuxt.js】アクセシビリティとコンポーネント化を考えたcheckbox
前置き input type="checkbox"といえばこのデザイン これをカスタムすると色や形も自由に変更できます✨ ただCSSでデザインできる💫とわかっていても毎回 ...
-
【Nuxt.js】ESLintまとめ
前置き 公式ESLintはコードの問題を見つけて修正できるものです🌟ルールのカスタムもできます💡 ⬇️Prettierはインデント整形です。 ...
-
【Nuxt.js】$slotsを使ってみよう
前置き あまり見かけない$slotsのご紹介🌟 $slotsはVue公式のrender関数で使用されています。 vm.$slots のアクセスは、描画関数 によるコ ...
-
【Nuxt.js】コンポーネントを自動インポートしよう
前置き コンポーネントを呼び出す際はこの2つが必要ですよね?💡・import文・componentsフィールドの定義
123456789101112131415<template><div class="page"><ButtonDefault /></div></template><script>import ButtonDefault from '~/components/ButtonDefault'export default {components: {ButtonDefault,},}</script>...
-
【Nuxt.js】props応用編: v-forでの使用
前置き propsの記事はたくさん書いていますが、これは結構エラーの原因に気づきにくいかも…😵と思ったのでご紹介❗️ しっかりとデータの型を確認すれば落ち着 ...