Vue.js
しばらくぶりにWebのフロントエンドを書いてるので色々復習を込めて。 ReactやVueなどコンポーネント指向で実装できるフレームワークを利用して開発する際に親子関係を持たないコンポーネント同士で通信をしたい時ってありますよね。 とりわけシングルページ…
今日はVue.jsのミートアップに参加してきました。 なんとVue.jsの生みの親のEvan YouさんのQ&Aセッション付き！ vuejs-meetup.connpass.com 全体を通して、気になった箇所や今後調べておきたいことを箇条書き程度に。 気になったこと Vue.jsは学習コストが低…
Vue.jsでコンポーネントを定義するときに、コンポーネントを使いまわしつつ表示する文言を変えたいってこと結構ありますよね。 例えば 同じモーダル用コンポーネントを利用しつつモーダルに表示する文言だけ変える とは言えJSのから変数として文字列を渡すの…
さてさて、Vue.jsを利用しているとコンパイル前に{{}} (マスタッシュ記法)のテンプレート変数が一瞬画面に表示されて不格好に見える問題が発生します。 例えば(無理やりですが)、下記の場合コンパイルまで少なくとも3000msはかかるのでその間テンプレート変…
今回はVue.jsのmixin機能を利用して肥大化したViewModelをリファクタリングするお話です。 肥大化してしまった例 Vue.jsを利用して画面全体をVMとして扱ことはよくあると思います。具体的には画面全体を囲むHTML要素のidををコンストラクタに渡すオブジェク…
Vue.jsはコンポーネントを利用てUIの親子関係にルールを持って記述できるようなフレームワークになっています。 その仕組みの一つにpropsというコンポーネント(子ども側)のルールがあります。 これは何かというと、コンポーネント側のオブジェクトにpropsと…
Here we go. Vue.js 1.0.0. https://t.co/ieUmKsNLa1— Vue.js (@vuejs) October 27, 2015 ついにVue.jsがメジャーアップデート！1系統がリリースされましたね！ おめでとうございます。 このアップデートに便乗し、会社で利用しているVue.jsのバージョンを0.…
2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ さて、案件でVue.jsを使うのも…
2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ Vue.jsやAngularJSのデータバ…
2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 inheritやカスタムタグ周りの書式に変更があります。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サ…
