Nuxtを中心とした学習サイトです✨

5分

: 【Nuxt.js】input type="checkbox"をコンポーネント化する時のパターン

2021/5/28 5分, 初心者

前置き input type="checkbox"チェックボタン部分のみをコンポーネントにする時のコードを書いています✍ シュガーシンタックスv️-modelのおさらいから ...

Vueと共通

: 【Nuxt.js】アクセシビリティとコンポーネント化を考えたcheckbox

2021/5/21 5分, 初心者

前置き input type="checkbox"といえばこのデザインこれをカスタムすると色や形も自由に変更できます✨ ただCSSでデザインできる💫とわかっていても毎回 ...

Vueと共通

: 【Nuxt.js】ESLintまとめ

2021/6/16 5分, 初心者

前置き公式ESLintはコードの問題を見つけて修正できるものです🌟ルールのカスタムもできます💡 ⬇️Prettierはインデント整形です。 ...

Vueと共通

: 【Nuxt.js】$slotsを使ってみよう

2021/5/14 5分, 初心者

前置きあまり見かけない$slotsのご紹介🌟 $slotsはVue公式のrender関数で使用されています。 vm.$slots のアクセスは、描画関数によるコ ...

Vueと共通

【Nuxt.js】コンポーネントを自動インポートしよう

2021/5/12 5分, 初心者

前置きコンポーネントを呼び出す際はこの2つが必要ですよね？💡・import文・componentsフィールドの定義

<template>
 <div class="page">
  <ButtonDefault />
 </div>
</template>

<script>
import ButtonDefault from '~/components/ButtonDefault' 

export default {
 components: {
  ButtonDefault,
 }, 
} 
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<template>

<div class="page">

<ButtonDefault />

</div>

</template>

<script>

import ButtonDefault from '~/components/ButtonDefault'

export default {

components: {

ButtonDefault,

},

}

</script>

...

« Prev 1 … 3 4 5 6 7 … 26 Next »

© 2024 aLiz Nuxt