Vue.js

Vue.js

Vue.jsのwatchの使い方(変数の変更を検知する方法)

Vue.jsのwatch機能を使用して、変数の変更を監視して処理する方法を書いています。 watch関数(API)・watchプロパティを使う方法と実際に動くサンプルコードを載せています。 watch機能は、変数の値が変更された時に何らか...
Vue.js

Vue.jsのバージョンを確認する方法!

Vue.jsのバージョンを確認する方法について書いています。 Vue.jsのバージョンを確認する コマンドやファイルを参照して、バージョンを知る方法を書いています。 プロジェクトディレクトリにインストールしたVue.jsのバージョン ...
Vue.js

Vue.jsのCDNのみでSPAを作成する方法!

前回CDNを読み込んで、使用してみました。 今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻 子のコンポーネントが2つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り...
Vue.js

Vue.jsをCDNから読み込んで使う方法!(CDNとは?メリット・デメリットなど)

Vue.jsでCDNを使う方法を書いています。 この記事では、CDNの説明・公式で紹介されているCDNのURL・サンプルコードをあわせて紹介しています。 CDNとは? CDNはContent Delivery Network(コンテン...
Vue.js

Vue.jsのv-modelとは?【サンプルでわかりやすく】

この記事では、Vue.jsのv-modelについて記載しています。 v-modelについての説明と、実際にサンプルコードを書いてみて解説しています。 Vue.jsのバージョン2で検証していますが、Vue.jsのバージョン3でも同じように動...
Vue.js

Vue.jsでVuelidateを使ってバリデーションする(バリデーターを5つ)

Vue.jsをフロントで使用しているときに、Vuelidateを使ってバリデーションする方法を書いています。 サンプルコードにはVue.jsのバージョン3のComposition APIを使っています。 Vuelidateについて Vu...
JavaScript

Vue.js(v3)のライフサイクルを確認する!(Composition API)

この記事ではVue.js(v3)にて、Composition APIを使った場合のライフサイクルにて確認します。 特に気にしておいたほうがよさそうな下記のライフサイクルのサンプルコードを作成して試してみました。 ・Created ・Mou...
JavaScript

Vue.js(v3)のv-forでrefを使う方法(Composition API)

Vue.jsのComposition APIを使っているコンポーネントで、v-forをしている箇所に対して、refを使うときにハマりました。 やりたかったのはv-forで複数定義しているテキストエリアをrefで参照して、値を更新するという処...
JavaScript

Vue.js(v3)でemitを使う(Composition API)

Vue.js(v3)のComposition APIで、emitを使う方法を書いています。 emitについては、前回の記事に書いていますので確認してみてください。 前回の記事で作成したコンポーネントと同じものをv3のCompositio...
JavaScript

Vue.js(v2)のemitを使う方法(子から親への値渡し)

Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。 Vue.jsのバージョンは2です。 emitについての公式ドキュメントは下記になります。 emitとは? 子コンポーネントで、ユーザーが行ったア...
JavaScript

Vue.js(v2, v3)のrefsの使い方(親から子の要素参照)

Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。 Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。 公式のドキュメントはこちらに記載してあります。 V...
JavaScript

Vue.js(v3)のpropsの使い方(親から子に値渡し)

Vue.jsでpropsを使用して値を受け渡す方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。 公式のドキ...
タイトルとURLをコピーしました