カテゴリー：Vue.js
-
【Vue.js】「render」について
07.22
renderとは？ Vue.jsでレンダリングの制御ができる機能のことです。 renderの使い方 [crayon-5df520ee79908683703032/] 「renderタグ」を使って、その属性の中で「レンダリング関数」を…
-
Vue.jsでは「new Vue」や「Vue.component」等の構文によって、コンポーネントを作成することができます。 作成したコンポーネントは下記のようなライフサイクルをたどります。 参考：https://jp.…
-
【Vue.js】「トラジション」について
07.17
トラジションとは？ CSSトラジションだったり、アニメーションをより簡単に使いやすくサポートするための機能です。 要素がDOMに追加削除されたりしたタイミングで、スタイルを適用します。 使い方 「<trasition>…
-
【Vue.js】「Vue Router」とは？
07.17
Vue Routerとは？ コンポーネントで構成された複数の画面を、URLと紐づける、SPA構築のためのルーティングライブラリです。 より効率的な利用を行うには？ Vue Routerは、Vuexと組み合わせることでより効率的なデータ…
-
コンポーネントには、propsを使えば値（パラメータ）を渡すことが可能です。 親子間のパラメータ私にも使われていましたよね。 [crayon-5df520ee7a492268592436/] バリデーションも可能 今回の例で言え…
-
コンポーネント間が親子関係があれば、propsを使うことでデータの受け渡しはすることはできました。 http://www.code-magagine.com/?p=5939 しかし、親子関係がない場合は、このような方法を使うこと…
-
スロットとは？ 親コンポーネント側から、子コンポーネントのテンプレートの一部を差し込む機能のことです。 用途 コンポーネントにコンテンツを埋め込んだり、テンプレートの一部をカスタマイズしたい場合に使う機能です。 「デフォルトスロット…
-
「コンポーネントの親子関係」とは？ コンポーネントのテンプレートで他のコンポーネントを使うことを、コンポーネントの親子関係と呼びます。 例 例えば、下記のようなソースになります。親コンポーネントのテンプレートの中で、子コンポーネントを…
-
【Vue.js】「コンポーネント」とは？
07.16
コンポーネントとは？ HTML,CSS,javaScript等をセットにして特定の機能を持つセットという部品として切り出すことができるVue.jsの機能のことです。 コンポーネントのメリット 必要なコードをすぐに見つけることが…
-
v-modelディレクティブについて v-modelディレクティブの値に、ユーザーの入力と同期させたいデータを指定します。 v-modelでは、下記二つの処理を一気に自動化することができます。これを「双方向データバインディング」と呼…