プログラミング一覧

イベントの既定の動作をキャンセルするv-onディレクティブの.prevent修飾子 [Vue.js]

JavaScriptのイベントには、ブラウザー上で発生する既定の動作が用意されています。 既定の動作とは、ブラウザーがイベントに伴...

記事を読む

1つのコンポーネントに複数のv-modelディレクティブでのバインディングを適用する [Vue.js]

前回の記事では子コンポーネントにpropsと$emitを実装し、親コンポーネントからv-modelディレクティブを使用して双方向バイ...

記事を読む

コンポーネントにv-modelディレクティブを実装する(props, $emit)[Vue.js]

前回は子コンポーネントに実装したpropsと$emitを利用して、親コンポーネントのデータをやり取り(同期)する方法を紹介しました。...

記事を読む

props、$emitで親子コンポーネント間でデータをやり取り(同期)する(v-bind、v-on) [Vue.js]

Vue.jsでは、propsと$emitを使用して、親コンポーネントと子コンポーネントの間でデータをやり取りします。 ...

記事を読む

Vue CLIでプロジェクトを作成する [Vue.js]

Vue.jsには、Vue.jsで作成するアプリケーションのプロジェクトのテンプレートを自動生成してくれるコマンドラインツールの「Vu...

記事を読む

コンポーネントに定義したFunction型のpropsにメソッドを渡して処理を行う [Vue.js]

Vue.jsの親子コンポーネント間の通信は、親から子へデータを渡す時にはpropsを使用し、子から親へ通知を行う時には$emitメソ...

記事を読む

v-onディレクティブに複数のイベントを一括指定する [Vue.js]

ここではv-onディレクティブで、複数のイベントをまとめて一括で指定する方法について紹介します。 v-onディレクティブ V...

記事を読む

複数の要素のブロックを描画する<template>(v-if, v-for) [Vue.js]

v-ifディレクティブやv-forディレクティブは、単一の要素に対して指定する必要があります。 例えば、v-ifディレクティブを使...

記事を読む

マスタッシュ構文({{…}})による画面のチラツキを防止するv-cloakディレクティブ [Vue.js]

ここでは、Vue.jsのv-cloakディレクティブについて紹介します。 v-cloakディレクティブ マスタッシュ(Mus...

記事を読む

データを1度だけバインドするv-onceディレクティブ [Vue.js]

ここでは、Vue.jsのv-onceディレクティブについて紹介します。 v-onceディレクティブ Vue.jsのv-onc...

記事を読む

文字列をHTMLとして埋め込み要素のinnerHTMLを更新するv-htmlディレクティブ [Vue.js]

ここでは、Vue.jsのv-htmlディレクティブについて紹介します。 v-htmlディレクティブ 前回の記事でv-text...

記事を読む

要素のtextContentを更新するv-textディレクティブ [Vue.js]

ここでは、Vue.jsのv-textディレクティブについて紹介します。 v-textディレクティブ Vue.jsでは、Vue...

記事を読む

ディレクティブ(v-bind, v-on)の動的引数 [Vue.js]

Vue.jsのv-bindディレクティブを使用すると、HTML要素の属性に値をバインドすることができます。 v-bin...

記事を読む

v-bindディレクティブで複数の属性をまとめて一括指定する [Vue.js]

Vue.jsのv-bindディレクティブを使用すると、HTML要素の属性に値をバインドすることができます。 v-bin...

記事を読む

ディレクティブの省略記法 「v-bind: ⇒ :」「v-on: ⇒ @」[Vue.js]

Vue.jsでは、HTMLテンプレートでディレクティブを使用して、データをバインドしたりDOMを操作したりします。 デ...

記事を読む