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