カテゴリー：Vue.js
-
名前付きビュー（Named Routes）を使えばVue-Routerの中で、複数のrouter-viewを使用する事が可能です。 活用例 例えば、複数のコンポーネントで構成される画面が画面ごとに変わる場合等に活用できます。（ヘッダとコ…
-
URLパラメータの付与 URLパラメータというのは下記のようにURLの末尾につける数字のことです。 [crayon-684bc44d7fa73799723423/] $routeオブジェクト経由で渡す メリット ルーター経由でしか…
-
router-linkの実装 コンポーネント 説明 <router-view> 「<router-link>」でマッチしたコンポーネントを描画する。描画するコンポーネントはroutesにて…
-
ユニットテストの単位 コンポーネント単位 どのようなテストを記述するか？ マークアップが変化していないか。 Vue.jsであればvue-template-compilerというライブラリにかなり依存するテスト項目になるか…
-
カスタムディレクティブとは？ 自分でvから始まるVue.jsのディレクティブを作る事ができる機能です。Vue.jsの標準のディレクティブではDOM操作等を自分で記述することはほぼなかったのですが、このカスタムディレクティブではガンガン低レ…
-
06.07
【Vue.js】「動的コンポーネント」について
動的コンポーネントとは？ 一つのタグの記述でコンポーネントを動的に切り替える事ができる機能です。動的コンポーネントを使わない場合はv-if等でコンポーネントを複数記述する必要がある場合に比べると非常にすっきり記述する事が可能になります。 …
-
Vue CLIのnpm run buildでビルドした後にdistフォルダがVue.jsのルートディレクトリに生成されてVueで実装した動的コードが静的ファイルに生成されます。 フォルダ名 説明 dist …
-
main.js 「vue cli」の「vue create」コマンドを実行した際にsrcディレクトリに下記のソースが生成されます。全てのsrcファイルのトップ階層のファイルです。 [crayon-684bc44d811b85112110…
-
05.31
【Vue.js】「v-for」について
v-forとは？ リスト形式にレンダリングする事ができます。 配列のv-for inを使用して取得できます。 [crayon-684bc44d81493479929047/] オブジェクトのv-for オブジェクトのvalueの…
-
イベント修飾子とは？ DOMイベント等で最初に行われそうな処理をまとめたもののこと。 よく使うイベント修飾子 他にも様々な修飾子があるのですがよく使われるのは下記の修飾子になります。 stop prevent n…
