Vue.jsのmixinを利用して肥大化したViewModelをリファクタリングする - 俺、サービス売って家買うんだ
今回はVue.jsのmixin機能を利用して肥大化したViewModelをリファクタリングするお話です。 肥大化してしまった例 Vue.jsを利用して画面全体をVMとして扱ことはよくあると思います。具体的には画面全体を囲むHTML要素のidををコンストラクタに渡すオブジェクトのelに設定することです。 下記の例では#js-appをelとして設定しています。 <div id="js-app" class="app"> <div>野菜検索</div> <div> <input v-model="vegetableName" placeholder="野菜"> </div> <button type="button" @click="searchVegetable">野菜を探す</button> <hr> <div>果物検索</div> <div> <input v-model="fruitsN
Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ
Here we go. Vue.js 1.0.0. https://t.co/ieUmKsNLa1— Vue.js (@vuejs) October 27, 2015 ついにVue.jsがメジャーアップデート！1系統がリリースされましたね！ おめでとうございます。 このアップデートに便乗し、会社で利用しているVue.jsのバージョンを0.12.1から1.0.3にアップデートしました。 その時にハマったことをメモ。 この記事では細かいハマりポイントしか書かないので、0.12 -> 1.0.0に関す大きな変更に関してはこちらを先に読んでみてください。 github.com デバッグ方法 下記の方法でVue.jsのdebugモードを有効にしておけばスタックトレースが追えるので多少ハマってもなんとかなります。 Vue.config.debug = true; 同じイベントハンドラに複数のメソッドを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
