Vue.js Nuxt.jsで「TypeError: Cannot set property ‘render’ of undefined」のコソールエラー対処法 エラー内容 Nuxt.jsで開発中、以下のコンソールエラーが出て画面が表示されなくなった。 TypeError: Cannot set property 'render' of undefined 原因と... 2020.10.28 Vue.js
Vue.js 【Nuxt + Firebase】core.js関連のエラーの原因と解決法 Nuxt + Firebaseで開発をしていて、Firebaseのテストモジュール入れ、開発サーバを起動したらcore.js関連のエラーがずらっと出た。 ERROR Failed to compile with 77 errors... 2020.07.29 Vue.js
Vue.js 【初心者向け】Vue.jsのスロットの使い方 Vue.jsのスロットの使い方をざっくり説明する。 開発にはVue CLIを使っている前提で話を進めていく。 スロットコンテンツ スロットコンテンツでは、親コンポーネントから子コンポーネントへコンテンツを丸ごと渡しあげる... 2020.06.19 Vue.js
Vue.js $nextTickでタイミングを遅延させて子コンポーネントにアクセスする mountedやupdatedを使用してもでは子コンポーネントを全てをマウントしたことは保証しないため、子コンポーネントへアクセスがうまくいかない時がある。 そこ解決するために、$nextTickを使用してDOMの更新サイクル後に処... 2020.06.15 Vue.js
Vue.js Vue.jsエラー。gyp: No Xcode or CLT version detected! vue create <プロジェクト名>コマンドを入力すると以下のようなエラーがでた。 gyp: No Xcode or CLT version detected! XcodeあるいはCLTのバージョンがおかしいら... 2020.06.10 Vue.jsプログラミング
Vue.js Vue.jsの開発環境Vue CLIのインストールと初期設定 いつもはVue.jsのフレームワークであるNuxt.jsで開発を行なっているが、Vue CLIでの開発環境の構築をしてみる。 事前にNode.jsをインストールしておく。 Vue CLIのインストール コマンドラインを起... 2020.06.08 Vue.jsプログラミング
Vue.js 【Nuxt.js コンポーネント間の循環参照】Unknown custom elementとなる原因と解決方法 Nuxt.jsで開発中に以下のエラーが出てハマった。 : Unknown custom element: <コンポーネント名> - did you register the component correctly? Fo... 2020.06.03 Vue.jsプログラミング
Vue.js Vue.jsの動的なコンポーネントの使い方 動的なコンポーネントについて説明する。 開発環境ははVue CLIを使っている前提で話を進めていく。 動的なコンポーネントの記述方法 動的にコンポーネントを切り替えるために、複数コンポーネントを用意しておく。 そし... 2020.06.01 Vue.js
Vue.js 【初心者向け】Nuxt.jsでのVuexのクラシックモードとモジュールモードについて Nuxt.jsで状態管理を行うライブラリであるVuexのクラシックモードとモジュールモードについて説明。 まず、新規Nuxtプロジェクトを作成 以下、コマンドでテスト用にNuxtプロジェクトを作成しておく。 npx cr... 2020.05.07 Vue.jsプログラミング
Vue.js カスタムコンポーネントでのv-modelの動作について。中身の:valueと@inputを理解する v-modelは双方向データバインディングを行うディレクティブであるが、カスタムコンポーネントでv-modelを使う場合、少しややこしい。 v-modelの中身の動作について まず、v-modelには、別の書き方がある。 ... 2020.04.12 Vue.jsプログラミング