カテゴリー: Vue.js

vue create <プロジェクト名>コマンドを入力すると以下のようなエラーがでた。 XcodeあるいはCLTのバージョンがおかしいらしい。 解決方法について GitHubのnode-gypにあったものを参 …

“Vue.jsエラー。gyp: No Xcode or CLT version detected!” の続きを読む

いつもはVue.jsのフレームワークであるNuxt.jsで開発を行なっているが、Vue CLIでの開発環境の構築をしてみる。 事前にNode.jsをインストールしておく。 Vue CLIのインストール コマンドラインを起 …

“Vue.jsの開発環境Vue CLIのインストールと初期設定” の続きを読む

Nuxt.jsで開発中に以下のエラーが出てハマった。 エラーメッセージにあるように、nameオプションで指定してもダメだった。 今回の場合、原因はコンポーネント間の循環参照の記述方法だった。 Vue.jsのドキュメントの …

“【Nuxt.js コンポーネント間の循環参照】Unknown custom elementとなる原因と解決方法” の続きを読む

Nuxt.jsで状態管理を行うライブラリであるVuexのクラシックモードとモジュールモードについて説明。 まず、新規Nuxtプロジェクトを作成 以下、コマンドでテスト用にNuxtプロジェクトを作成しておく。 初期設定をど …

“【初心者向け】Nuxt.jsでのVuexのクラシックモードとモジュールモードについて” の続きを読む

v-modelは双方向データバインディングを行うディレクティブであるが、カスタムコンポーネントでv-modelを使う場合、少しややこしい。 v-modelの中身の動作について まず、v-modelには、別の書き方がある。 …

“カスタムコンポーネントでのv-modelの動作について。中身の:valueと@inputを理解する” の続きを読む

v-forディレクティブにはkey属性が必須 v-forディレクティブを使う場合、v-bindディレクティブへ一意（ユニーク）のkey属性を設定すること必須である。 key属性がない場合はどう言ったバグが起こるのか簡単に …

“【Vue】v-forにはkey属性が必須の理由とバグが起きる例” の続きを読む