181126 Googleアカウントでユーザ登録とログイン状態の判別に続いて、以下の本の写経をしていく。

改訂新版　Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ（NextPublishing）) Kindle版

Windows 8.1 Pro
Node v8.12.0
vue-cli 2.9.6
firebase-tools 6.1.1
VisualStudioCode

なお、今回は、C:/vue/　フォルダに、mymarkdown2というVue.jsプロジェクトを作成している。

コマンドプロンプト（ターミナル）で、

npm run dev

とすることにより、サーバを起動した状態とする。

Markdownをブラウザ上でプレビューするためのライブラリであるmarkedを –save-dev でインストールする。

npm install --save-dev marked

src/components/Editor.vue

(変更前)

(変更後)

試しに書いてみる。

参考：https://qiita.com/tbpgr/items/989c6badefff69377da7

1. メモを保存する変数を配列に変更（複数保存できるように）
2. メモ一覧を表示するview
3. メモ一覧のタイトルは、メモの1行目とする
4. 配列へメモを追加する
5. メモ一覧から特定のメモを選択して、切り替える（選択しているメモの色を変えて分かるようにする）

(変更後１：templateとscriptのみ)

(変更後２：styleも変更)

作成中　

改訂新版　Vue.jsとFirebaseで作るミニWebサービス (技術書典シリーズ（NextPublishing）) Kindle版

目次：Vue.js

前：181126 Googleアカウントでユーザ登録とログイン状態の判別

後：