nuxt.js | mebee

Nuxt.js3 pageに作成したindex.vueをapp.vueで使用する

nuxt.js

2024.05.27

Nuxt.js3でpageに作成したindex.vueをapp.vueで使用する手順を記述しておきます。NuxtPagetaguタグを使用します。環境 index.vue作成まずは、以下のコマンドを実行するか直接作成するかして「pages」配下に「index.vue」を作成します。「index […]

Nuxt.js3 変数を使用する

nuxt.js

2024.05.24

Nuxt.js3で変数を使用する手順を記述しておきます。マスタッシュ構文を使用します。環境変数を使用マスタッシュ構文である「{{}}」と、setupを使用することで可能です。実行結果

Nuxt.js3 コマンドでpages配下にvueファイルを作成する

nuxt.js

2024.05.22

Nuxt.js3でコマンドでpages配下にvueファイルを作成する手順を記述しておきます。環境 vueファイルを作成以下のコマンドを使用することで可能です。実際に「test」というファイルを作成してみます。配下に作成されたことが確認できます。ちなみに、すでにファイルが存在する場合に、「f […]

Nuxt.js3 「NuxtWelcome」の場所

nuxt.js

2024.05.22

「NuxtWelcome」の場所がすぐにみつからなかったので記載しておきます。環境設定公式サイトでは「@nuxt」配下にあるとなってます。探すと、以下の場所にある「welcome.vue」です。ファイルの中は、以下のようになってます。

Nuxt.js3 外部IPから接続可能にする

nuxt.js

2024.05.21

デフォルトの状態だと、localhostからしかアクセスできないので、ipアドレスを指定して接続できるように設定します。環境設定プロジェクト配下のpackage.jsonに「NUXT_HOST=ipアドレス NUXT_PORT=ポート番号」を追加してあげることで可能です。ここでは「npm ru […]

Nuxt.js ライブラリ「vue-diagram-editor」を使用してダイアグラムを作成する

nuxt.js

2022.02.16
nuxt.js

ライブラリ「vue-diagram-editor」をインストールすると、ダイアグラムを作成することが可能です。ここでは、nuxt.jsで「vue-diagram-editor」を利用するための手順と簡単な使い方を記述してます。環境 OS windows11 home node v16.13.2 […]