Open take121516 opened 3 years ago
Vue.jsはCLIにして、サーバーとの通信はWeb APIを使った方がいいね。 そうなるとSPAの構成にして、VueRouterで複数画面の管理をする方法がいいのか。
シンプルなプロジェクトを作成するだけならこの記事が参考になる。
Vue.js を vue-cli を使ってシンプルにはじめてみる
webpackとBabel使うことが前提らしい。
webpackとBabelの基本を理解する
Vue.jsの単体テストは公式から「Vue Testing Library 」がおすすめされているので、そちらを使おう。 コンポーネントテストの推奨ツール
「Vue Testing Library」の低レベルコンポーネントテストライブラリとして「Vue Test Utils」があって、 そっちの実行方法は見つけたから最初の環境としてまずは構築してみる。 Vue Test Utils + Jest でVue.jsの単体テストを行う
「Vue Testing Library」へ移行するにはもう少し調べる必要がありそう。
Vue Testing Libraryはインストールすれば使えるみたい。
画面遷移についてはこの記事が参考になる。
ディレクトリ構成はこの記事の「Parts & Pages & Globalsパターン」をもとにした方がよさそう。
最初はvuexを使わずにstoreパターンで代用する感じで。
Vue.js ディレクトリ構成 色々試してみた
Vue.jsの動作環境を構築し、開発で使用する環境を決定する。
Vue.jsはSPAの形式で利用するのではなく、画面の構成部品として機能させる。