LoginSignup
2
0

More than 5 years have passed since last update.

Vue.jsもぐもぐ会

Last updated at Posted at 2018-05-22
1 / 13

Vue.jsの情報収集

Vue.js Japan
Forum
Awesome vue


誰かに質問したいとき

スクリーンショット 2018-05-22 7.42.15.png


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

2
0
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0