Vue.jsの記事

Vue.js

Vue.jsで親子のデータを同期するならsyncを使え

2021年9月19日

Vue.js で親コンポーネントと子コンポーネントのデータを同期する手法として、v-model や sync を利用する方法がありますが、それぞれのサンプルコードを作成して比較してみました。 まず、Vue.jsで親コンポ […]

Vue.js

Vue.jsでオーバーレイを作成する（TypeScript対応版）

2020年4月27日

作成したオーバーレイ Vue.jsで利用できるオーバーレイ（モーダル）のコンポーネントを作成しました。親コンポーネントでオーバーレイ内に表示するコンテンツをslotで指定してから、propで表示の切り替えが可能です。 デ […]

Vue.js

Vue.jsで画像スライダーを作成する（TypeScript対応版）

2020年4月26日

作成した画像スライダー Vue.jsで利用できる画像スライダーのコンポーネントを作成しました。親コンポーネントからPropでオプションを渡すことで、カルーセルやオートページャなどの機能にも対応しています。 対応している機 […]

Vue.js

Vue.js で グラフを表示！Vue-Chartjs の使い方一覧とサンプル

2020年4月24日

Chart.js とは 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどのグラフが簡単に描けるJavascriptのライブラリです。HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動き […]

Vue.js

Qiita APIを利用した検索表示－Vuejs

2020年4月9日

作成したDEMOページ Qiita APIを利用した検索表示のサンプルをこちらに用意しました。 Qiita API とは Qiita API は、Qiitaが提供しているサービスから様々なデータの取得、投稿やストックなど […]

Vue.js

Vue.js をTypeScriptで書く！書き方の違いを比較 − vue-property-decorator

2020年2月21日

vue-property-decorator Vue.js や Nuxt.js で TypeScriptを利用するためにはvue-property-decorator というデコレータを利用します。（Nuxt.js の場 […]

Vue.js

よく利用するVue.jsのオプションとサンプルコードの纏め

2020年2月18日

ライフサイクルフック created インスタンスが作成された後で実行される。Ajax通信を行いデータを初期化する場合などによく利用される。 mounted インスタンスが作成されて、elementへのマウントが完了した […]