Vue.js実際のところ(2)−コンポーネント間のデータのやりとり

今回は活動日付に着目して,データのコンポーネント間の値のやりとりを整理してみます.

前の投稿でコンポーネントの構成図を載せましたが,あの図でいう App.vue で activity という名称のdataを保持していて,そのデータを子コンポーネントに対してバインドしています. 日付のコンポーネントに注目すると下図の様な構成です.

続きを読む Vue.js実際のところ(2)−コンポーネント間のデータのやりとり

Vue.js実際のところ(1)−概要

これから複数回にわたって,Vue.js実際のところを書いていこうと思います.
必ずしも「正しい」或いは「より良い」実装ではなく,自分がこうかな?ああかな?と思いながら作っていった記録なので,あまり技術的に参考になる話は出てこないかも知れません.

今回は第一回として,全体の概要説明です.

サンプルとして使うのは,自分が震災以降活動に参加している,あるNPO法人のための日誌の仕組みです.(クライアント仕事は書けませんので)
続きを読む Vue.js実際のところ(1)−概要

取り組んでいたVue.jsの案件が一段落

しばらく取り組んでいたVue.jsの案件が一段落しまして,先日関係各位にテストリリースしました. もう一件,jQueryを絡めて作っていた案件も少し時間があるのでVue.jsに全面的に書き直しを検討しているところです.

自分の備忘録も兼ねて,ここに幾つかVue.jsで自分が困った点や,解決方法(正しいか否かはさておき)を書いていくつもりです.

とりあえず今日のところは環境構築のコマンドをざっとメモしておきます.
続きを読む 取り組んでいたVue.jsの案件が一段落