【2020年12月】Vue.jsライブラリ記事まとめ

毎日は見てられない人向けの2020年12月のVue.jsライブラリの紹介記事まとめです。

Vue.jsライブラリ リンク集

Vue.jsで画像にshadowをかけるコンポーネントを実装する「vue-image-shadow」

vue-image-shadowは、画像にshaddowのスタイルを適用してくれるコンポーネントライブラリです。

使い方が非常にシンプルで、直感的に使用することが可能です。

【動画サイズ：168KB】

記事はコチラ

Vue.jsでマークダウンを使って閲覧中のセクションが分かるサイドバーを実装する「vue-markdown-it-toc」

vue-markdown-it-tocは、マークダウンで設定したテキストを表示し、ウィンドウのサイドに、今閲覧してるセクションにハイライトが移動するコンポーネントを実装するライブラリです。

【動画サイズ：166KB】

記事はコチラ

Vue.jsでコンポーネントベースのLazy Loadを実装する「vue-clazy-load」

vue-clazy-loadは、コンポーネントベースで実装する画像のLazy Loadライブラリです。

読み込む際に、画像と別のコンポーネントを入れ替える事で、スピナーやプログレスバーのローダーを使用できるようにしているそうです。

<transition>を使ってアニメーションも設定可能です。

【動画サイズ：985KB】

記事はコチラ

Vue.jsで電気のスイッチのようなコンポーネントを実装する「vue-rocker-switch」

vue-rocker-switchは、電気のスイッチのような見た目のスイッチボタンを実装できるコンポーネントライブラリです。

【動画サイズ：58KB】

記事はコチラ

Vue.jsでローディング付きのチェックボックスを実装する「vue-loading-checkbox」

vue-loading-checkboxは、チェックボックスの値が切り替わる時に、ローディングアニメーションを実行するコンポーネントライブラリです。

【動画サイズ：35KB】

記事はコチラ

前月のまとめ記事