Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vuesaxを使ってみる

 Vuesaxを使ってみる

Avatar for TanakaMidnight

TanakaMidnight

December 20, 2018
Tweet

More Decks by TanakaMidnight

Other Decks in Technology

Transcript

  1. Vuesaxの特徴 ・今風ないい感じのデザイン。 ・よく使う便利な UI パーツが多い。   Dialog, Loading, Tab, Table

    など  参考動画 : https://vimeo.com/276329344 ・部分的に適用が可能。 ・比較的ドキュメントが見やすい。(ただし英語)
  2. Use [main.js] import Vue from 'vue' new Vue({ el: '#app',

    router, components: { App }, template: '<App/>' });
  3. Use [main.js] import Vue from 'vue' import Vuesax from 'vuesax'

    import 'vuesax/dist/vuesax.css' import 'material-icons/iconfont/material-icons.css'; Vue.use(Vuesax) new Vue({ ←追加
  4. 似たようなライブラリ ・ Vuetify  より MaterialDesgn に準拠 (Google のサイトっぽい )  しているデザイン

    ・ BootstrapVue   jQuery に依存しない Bootstrap ・ Materialize   Vue.js に特化していおらず、見た目は Vuetify と似ている。