Edited at
Vue.js #1Day 14

Vue.js いろいろまとめ


はじめに

Vue.jsも流行ってきて色々ライブラリなども充実してきたと思うので色々まとめようと思います(適当)


UI Framework

名称
解説

element-ui
かなり有名。日本語化もされてる。レスポンシブではない

vuetify
 ElementUIと並んで結構有名,マテリアルデザイン

iView
管理画面のサンプルとかあって使い勝手は良さそう

Bootstrap Vue
BootstrapをVueで使いやすくしてくれたやつ。

Muse UI
マテリアルデザインのやつ

AT UI
最近風の色使いをしていて、かっこいい感じのやつ。最近出てきた気がする


コンポーネント

名称
解説

vue-cookie-law
たまによくみる画面下部にでるCookieの同意が出せます。

vue-timeago
○秒前みたいなテキストが出せます

vue-event-calendar
カレンダーにイベントを設定して表示できます。

vue-datepicker
日付選択です

vue-google-maps
GoogleMapの機能を結構使えるみたいです!

vue-baidu-map
BaiduMapです

vue-markdown
markdown-itやhilight.jsをいい感じにラップしたコンポーネントです

mavonEditor
Markdownエディタです。UIイケてると思う。

vue-social-sharing
ソーシャルボタンを簡単に設置できます。

vue-qriously
QRコードを生成できます

vue-qart
画像とあわせたQRコード生成できます

vue-typer
よくあるタイピングっぽいアニメーションを作れます

vue-sticker
ステッカーみたいにペロンとはがせます。


ライブラリ

名称
解説

vue-router
定番中の定番。ルーティングです

vue-lazyload
画像の遅延読み込みです

vee-validate
バリデーションです。

vue-chartjs
グラフが簡単に出せます。chatjsのラッパー

vue-meta
メタ情報を入れられます

vue-i18n
多言語対応できます。

vuex
状態管理のオフィシャルライブラリです


テンプレート

名称
解説

TypeScript-Vue-Starter
Microsoft公式のTypescriptのスタータです。

vuejs-templates/webpack

vue init webpack とかで使われるやつです

vuejs-templates/pwa
今流行のPWAテンプレートです。


ツール

後から書く