【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】

 

記事はコチラ

 

前月のまとめ記事

おすすめ!【2020年11月】Vue.jsライブラリ記事まとめ

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

続きを見る

 

  • この記事を書いた人

カバノキ

印刷会社のWEB部隊に所属してます。 WEB制作に携わってから、もう時期10年になります。 普段の業務では、PHPをメインにサーバーサイドの言語を扱っています。 最近のお気に入りはJavascriptです。 Vue.jsを狂喜乱舞しながら、社内に布教中です。

-vue.js, まとめ, ライブラリ
-,