picture_pc_cd8f6c079fa0c27dcd35a811dc88b038

2020.06.18

comment コメントをキャンセル

: 【Nuxt.js】アプリ開発実践編：Nuxt + Vuex + firebaseでログイン付きToDoリスト①

前置き ※以前loginとregisterを　コンポーネントにし　componentタグで　表示を切り替えていましたが　pagesに変更しました！　urlをきちんと分けるためです💡※ま ...

アプリ

: 【Nuxt.js】mixin実践編：Sass & mixinで簡単メディアクエリ

前置き Sass変数とmixinを使ってレスポンシブ対応を簡単に管理していきます✨ スタイルを当てるごとに毎回@media screen and (max-width: 480px)な ...

アプリサイト

: 【Nuxt.js】Nuxt番外編：自動でインデント整形！plugin Prettier

前置き今回は番外編としてインデントの自動整形をしてくれる便利なplugin prettierのご紹介です🍒 エディターはVSCodeを使用しているのでその導入手順をお伝えします&#x ...

開発ブログ

: 【Nuxt.js】pagination実践編:$router.pushで簡単実装！

Contents 前置き構成Step1: コンポーネントでpropsを用意Step2: コンポーネントで戻る・進むボタンを追加Step3: コンポーネントでページ数を表示Step4: コンテンツページ ...

アプリサイト

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

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

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

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

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

</div>

</template>

import ButtonDefault from '~/components/ButtonDefault'

export default {

components: {

ButtonDefault,

}

</script>

...

Nuxt独自