IndexedDB + Dexie.js で CRUDの作成。ファイルインポート可、Vue CLI版

■ 概要:

IndexedDB で、Dexie.js　ライブラリを使用した
CRUD の作成となります。
vue-router と組み合わせて、ほぼサーバレス的な構成にできるか検討してみました。

・開発の面では、通常DBサービス起動も不要で
　Vue-cli サービスのみで。開発できるので準備は楽でした

・IndexedDBデータの エクスポート、インポート機能を追加しました。
　別ＰＣや、外出先ＰＣのブラウザにインポート可能になり。
　データを復元できます。バックアップ等にも利用できます

■ 環境

Vue CLI
dexie : 3.0.1
vue: 2.6.11
vue-router

■ 画面

・リスト

・編集

・ Import

■　参考のページ

■ 参考のコード

kuc-arc-f/vue_spa3b_1crud

■ package.json

https://github.com/kuc-arc-f/vue_spa3b_1crud/blob/master/package.json

■ CRUD の参考

・create
https://github.com/kuc-arc-f/vue_spa3b_1crud/blob/master/src/components/DexieTasks/new.vue

・index
https://github.com/kuc-arc-f/vue_spa3b_1crud/blob/master/src/components/DexieTasks/Index.vue

・show
https://github.com/kuc-arc-f/vue_spa3b_1crud/blob/master/src/components/DexieTasks/show.vue

・edit
https://github.com/kuc-arc-f/vue_spa3b_1crud/blob/master/src/components/DexieTasks/edit.vue