javascript
javascriptjavascript
Vue.jsVue.jsのCDNのみでSPAを作成する方法！
前回CDNを読み込んで、使用してみました。 今回はCDNのみで、SPAを作る方法をサンプルコードを書いて検証してみました。✊🏻 子のコンポーネントが２つあって、親のファイルからそれぞれ読み込まれて、Vue Routerを使って表示を切り...
Vue.jsVue.jsをCDNから読み込んで使う方法！(CDNとは？メリット・デメリットなど）
Vue.jsでCDNを使う方法を書いています。 この記事では、CDNの説明・公式で紹介されているCDNのURL・サンプルコードをあわせて紹介しています。 CDNとは？ CDNはContent Delivery Network（コンテン...
Vue.jsVue.jsのv-modelとは？【サンプルでわかりやすく】
この記事では、Vue.jsのv-modelについて記載しています。 v-modelについての説明と、実際にサンプルコードを書いてみて解説しています。 Vue.jsのバージョン２で検証していますが、Vue.jsのバージョン３でも同じように動...
Vue.jsVue.jsでVuelidateを使ってバリデーションする(バリデーターを5つ)
Vue.jsをフロントで使用しているときに、Vuelidateを使ってバリデーションする方法を書いています。 サンプルコードにはVue.jsのバージョン3のComposition APIを使っています。 Vuelidateについて Vu...
javascriptVue.js(v3)のライフサイクルを確認する！(Composition API)
この記事ではVue.js(v3)にて、Composition APIを使った場合のライフサイクルにて確認します。 特に気にしておいたほうがよさそうな下記のライフサイクルのサンプルコードを作成して試してみました。 ・Created ・Mou...
javascriptJavaScriptでfilterを使う方法！【使用例3選】
JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。 MDNでfilterについて説明しているドキュメントはこちらです。 JavaScriptのfilter機能とは？ JavaScrip...
javascriptVue.js(v3)のv-forでrefを使う方法(Composition API)
Vue.jsのComposition APIを使っているコンポーネントで、v-forをしている箇所に対して、refを使うときにハマりました。 やりたかったのはv-forで複数定義しているテキストエリアをrefで参照して、値を更新するという処...
javascriptVue.js(v3)でemitを使う(Composition API)
Vue.js(v3)のComposition APIで、emitを使う方法を書いています。 emitについては、前回の記事に書いていますので確認してみてください。 前回の記事で作成したコンポーネントと同じものをv3のCompositio...
javascriptVue.js(v2)のemitを使う方法(子から親への値渡し)
Vue.js(v2)で子から親へ、emitを使って値を渡したりする方法を書いています。 Vue.jsのバージョンは2です。 emitについての公式ドキュメントは下記になります。 emitとは？ 子コンポーネントで、ユーザーが行ったア...
javascriptVue.js(v2, v3)のrefsの使い方（親から子の要素参照)
Vue.jsでrefsを使用して、コンポーネントの要素を参照する方法について書いています。 Vue.jsのバージョンは2と3(Composition API)で動作を確認しています。 公式のドキュメントはこちらに記載してあります。 V...
javascriptVue.js(v3)のpropsの使い方(親から子に値渡し）
Vue.jsでpropsを使用して値を受け渡す方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントも確認して、実際によく使いそうな書き方やハマりそうな箇所について解説しています。 公式のドキ...
javascriptVue.js(v3)でコンポーネントを作成する方法
Vue.jsでコンポーネントを作成する方法について書いています。 Vue.jsのバージョンは3で動作を確認しています。 公式のドキュメントのこちらに記載している内容をもとに、検証して記事にしてみました。 Vue.jsのコンポーネントと...