vue-load-imageライブラリ「vue-load-image」をインストールすると、ローダーの実装が簡単に可能です。ここでは、nuxt.jsでvue-load-imageを利用するための手順と簡単な使い方を記述してます。下記のコマンドで構築。ここでは、nuxtappという名前でプロジェクトを作成してます。nuxtappここでは、下記の設定で構築してます。v1.22.4※yarnをインスールしているので、ここではnpmではなくyarnを選択してます。yarn外部IP許可localhostではなくプライベートIPを利用して接続して確認したいので、作成したプロジェクトnuxtappの配下にあるpackage.jsonに下記を追加します。}},vue-load-imageインストール下記のコマンドでインストールします。vue-load-imagevue-load-image使い方plugins配下にplugin.jsを作成し、下記の通りに編集します。'vue-load-image'Vue.use(VueLoadImage)プロジェクト配下にあるnuxt.config.jsに下記のコードを追加します。],pages配下にあるindex.vueを下記の通りに編集します。http://プライベートIP:3000にアクセスすると、ローダーが表示されていることが確認できます。2020.03.15ライブラリ「vue-clock-picker」をインストールすると、ちょっとおもしろいアナログ時計型のデータピッカーが実装できます。2020.02.26ライブラリ「vue-switches」をインストールすると、複数種類のスイッチを簡単に実装することできます。2020.02.12ライブラリ「vue-closable」をインストールすると、ボタンをクリックでポップアップさせることができます。2020.06.18ライブラリ「vue-select-image」をインストールすると、リストから画像を複数選択することが可能です。rateを作成することが可能です。2020.01.16nuxt-childコンポーネントを利用すると簡単に共通化が可能です。2020.06.08ライブラリ「vue-core-video-player」をインストールすると、軽量のビデオプレーヤーの実装が可能です。2020.03.22ライブラリ「vue-cascader-select」をインストールすると、複数種類のスイッチを簡単に実装することできます。2020.11.25ライブラリ「vue-audio-mixer」をインストールすると、オーディオミキサーを実装することが可能です。2021.10.09ライブラリ「bottom-navigation-vue」をインストールすると、ボトムにナビゲーションを作成することが可能です。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。