mya-ake / vue-tips-samples

Vue.js の tips 本のサンプルコード

vue-tips-samples

現場で使える Vue.js tips 集のサンプルコード

このリポジトリについて

現場で使える Vue.js tips 集は「商業版」と「同人版」の 2 種類が存在します。 master ブランチは商業版に対応したコードとなっています。 同人版のコードを確認されたい方はdoujinshi ブランチをご覧ください。

サポートページ

本書のサポートページを用意しました。 サポートページでは書籍内で書ききれなかった内容やサンプルコードのデモを置いています。合わせてご参照ください。

https://vue-tips-support-page.mya-ake.org

デモサイト

https://vue-tips-support-page.mya-ake.org/demo/

章とフォルダー

1 章 computed と filter

• computed_filter

2 章 お問い合わせフォームと戦う

• form

3 章 フォームのライブラリー実装編

• form

4 章 Vuex の tips

• form
• samples/modal_store
  • UI の操作にストアを使う例
• samples/vuex_transition_problem
  • 遷移前に表示が変わる問題の例

5 章 vue-test-utils でなにをテストするか

• form

6 章 vue-i18n の Lazy loading と vue-router

• i18n

注意

• npmでなくyarnを使っています
  • npmでも動くとは思います
• vue-cli v3を利用しています
  • ESLint はESLint + Prettierです
  • 追加で'singleQuote': true, 'trailingComma': 'all'を付けています
• Chrome で作業していたので他のブラウザの動作までは確認できていません
  • モダンブラウザなら動くはずです
  • モダンブラウザで動作していなさそうなブラウザがあった場合は@mya_akeまでご連絡ください
  • またはissuesにて起票お願いします

更新予定

更新予定などはこのリポジトリのissuesをご覧ください