Vue.js– category –

JavaScriptの3大フレームワークの一つVue.jsは、聞いたことがある人が多いのではないでしょうか。 そんなVue.jsをより効果的に使うことができるフレームワーク「Nuxt.js」が、人気になっています。 こちらの記事ではVue.jsのフレームワークであるNuxt.jsの...

本記事では、JavaScriptの人気フレームワークの一つVue.jsの勉強におすすめの本と動画について紹介しています。 【おすすめ参考書】 先輩！Vue.jsの学習でおすすめの本を教えてください！ 了解！僕がおすすめする本について紹介していくね！ Vue.js入門 基...

本記事では、Vue.jsでv-modelの使い方についてサンプルコードを用いて解説しています。 【v-modelとは】 v-modelとは、双方向データバインディングと呼ばれフォームを構築するときによく使われる機能で、dataとフォームの値を連動させることが出来ます。 ...

こちらの記事では、Vue.jsでクリックイベントの使い方についてサンプルコードを用いて解説しています。 【クリックイベントとは】 クリックイベントとは、ユーザーがボタンなどをクリックした際に発火するイベントです。 数あるイベントの中でも使われる頻...

本記事では、Vue.jsで動的にクラスを追加する方法についてサンプルコードを用いて分かりやすく解説しています。 【v-bindディレクティブを使う】 結論から話してしまうと、v-bindディレクティブを使うことで動的にクラスを追加することができます。 参考書...

こちらの記事では、Vue.jsのv-htmlで生成されたコンテンツに対してスコープのスタイルを当てる方法について解説しています。 v-htmlで生成されたコンテンツに対して、スタイルを当てる場合は普段通りのやり方とは異なり少し工夫する必要があります。 【v-h...

こちらの記事では、Vue.jsのv-bindを使ってタグに付与する属性(id,class,href,etc...)を動的に設定する方法についてサンプルコードを用いて解説します。 v-bindは、よく使われるディレクティブの一つなのでしっかり覚えておきましょう。 【v-bindとは】 HT...

こちらの記事では、Vue.jsのv-htmlを使ってデータをHTMLとして表示させる方法についてサンプルコードを用いて解説しています。 v-htmlを使う上での注意点についても記載しているので、理解した上で正しく使いましょう。 【v-htmlとは】 まず初めに、Vue.js...

こちらの記事では、Vue.jsのv-onceを使ってデータを再描画させない方法についてサンプルコードを用いて解説しています。 【v-onceとは】 まず初めに、Vue.js公式ドキュメントに記載されているv-onceについて見てみましょう。 要素とコンポーネントを一度だ...