Vue.jsの記事

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

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

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

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

画像スライダーの作り方

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

Vue-Chartjs の使い方とサンプル(Typescript対応版)

Vue-Chart.jsの使い方とサンプル(TypeScript対応版)

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

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

Qiita API サンプル

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

Vue.jsで一瞬だけマスタッシュタグ{{・・・}}が表示させる問題の対処

vuejs

v-cloak を利用する HTML CSS

TypeScriptベースでVue.js コンポーネントの書き方の違いを比較

vuejs

TypeScriptを利用した場合と利用しない場合でVue.js コンポーネントの書き方がどのように変わるのかを比較しながら記載しています。 Vue.js のコンポーネントの書き方については、よく利用するVue.jsのオ […]

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

program

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