やりたいこと Vue3 を Vite でインストールして環境構築し、ESLintの設定も行いたい。そして、それらを使ったときのVisual Studio Codeでのちょっとした問題に対処したい。 やりたいこと 環境 Viteを利用してVue3のインストール ESLintをインストール .eslin…

motivation Vueのインスタンスを生成して子コンポーネントを再描画するときに、v-onディレクティブを設定する方法にたどり着くのが大変だったのでメモ。 前回の記事: Vue.js 子コンポーネントを強制的に再描画するいくつかの方法 motivation outline prerequ…

motivation 子コンポーネントを再描画したい。いくつかのやり方を見つけたのでメモ。 公式の注意書きでは、以下のように書いてあります。 もし Vue で強制更新をする必要な場面に遭遇する場合、99.99% のケースであなたは何かを間違えています。 しかし私の…

いくつかの方法 だいたい4つぐらいがありそう。 いくつかの方法 環境 Objectをそのまま渡す Object内でプロパティを指定し渡す プロパティのみを渡す Objectを省略記法を使いそのまま渡す どれがいいのか Objectをそのまま渡す Object内でプロパティを指定し…

はじめに Vue.jsのバージョン2.6からslotの書き方が変更になりました。 一応、今までの使い方はサポートされていますが、今後サポートされなくなるみたいですね。 - slotについて公式HP はじめに 新しい書き方 ファイル階層 普通の書き方 動的なslot名の付け…

やりたいこと Vue.jsのtemplate言語ブロックでイベントハンドリングするときに、引数でeventとその他の引数もメソッドへ渡す必要性が出てきました。ですので、調査を行いました。 やりたいこと 環境 方法 サンプルコード $eventを利用する方式 アロー関数方…

やりたいこと Vue.jsでisomorphic-gitを利用したいと思います。そのための環境構築し、コミットの中のファイルを表示しようと思います。 やりたいこと 必要なもの 環境構築 コード修正。 App.vue 実行 解説 ファイルシステム リバースプロキシ プログレスバ…

やりたいこと Vue.jsにて、template言語ブロックのhtmlの要素(dom)をscript言語ブロックから参照したいと思います。参照する方法について調べたのでメモしておきます。 やりたいこと 必要なこと 実際に取得してみる 環境 コード 実行 domのクラスを取得して…

やりたいこと Nuxt.js で Vuex のモジュールモードを利用して localStorage 値を保存しようと思っています。今回の場合には、VuexのAPIの一つであるsubscribe `を利用しました。 やりたいこと 環境 コード ディレクトリ store/index.js store/todos.js pages…

やりたいこと Nuxt.js を利用時に、Vuex で mapGetters に引数を持たせる場合には、どのようにすればよいのか分からなかったので調べてメモしました。 やりたいこと 環境 環境構築 ディレクトリ コード store/hoge-module.js pages/index.vue 実行 解説 おま…