Vue.jsもぐもぐ会

Vue.jsの情報収集

Vue.js Japan
Forum
Awesome vue

---

誰かに質問したいとき

---

Vue.jsの参考となる資料、ドキュメント

Vue.js 公式ドキュメント
Sample Code
ElementUIフレームワーク
Vuesaxフレームワーク

---

環境構築

curl -L git.io/nodebrew | perl - setup
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bashrc
source ~/.bashrc
nodebrew install-binary v8.11.2
nodebrew use v8.11.2
npm install -g vue-cli
vue init webpack my-project
cd my-project
npm install
npm run dev

テンプレート一覧はこちらへ

---

今日のお題

data, props, computed

---

data, props, computed

ざっくり言えば、Classが持つメンバー変数

---

data, props, computed

Vueのtemplate、 またはVueのmethodから使うときは違いを意識しない。

---

本当？

結論から言うとVueのtemplate、 またはVueのmethodから使うときは違いを意識しない。

参考リンク

---

時間が余ったのでコードを読みましょう

---

propsは親からデータを渡すときに使います。

メモ確認事項

• propsが使えるようになるタイミング
• dataにpropsの値を入れたらどうなるのか

参考リンク

---

進め方の提案

• 聴いてたい
• 手を動かしたい
• 話したい
• 読みたい

次回以降に向けて準備中のテーマ

• 勝手に注文v5をVue.js化プロジェクト(超絶もくもく会)
• Vueで実装する2種類のアニメーション
• VueでD3をいい感じに取り入れる方法はあるのか?
• Vueとリアルタイムなデータベースを実装する。(NoSQLのデータ設計を含む)
• VueとVuexとfirebaseの辛さ
• VueとVuexでstate設計

---

付録jsの勉強
Dwangoの何か
Promise Book