今年の3月からクラウドワークスで働き出した高梨です!
さっそくですが、
最近、jQueryで書いていたJavaScriptをVue.jsに変えていくということをやりました!
「がっつりcomponent化して、API用意して、SPAにして・・・」
みたいな感じではなく、
最低限jQueryでやっていた表示・非表示の処理だったり、金額を計算するといった処理を
そのままVue.jsに置き換えていくという感じですね。
実際、Google Trendを見ても
ここ数年でVue.jsの人気が急激に伸びているのは事実です。
(実はReactにも大差をつけている)
【Google Trend JS比較】
https://trends.google.com/trends/explore?date=today%205-y&q=vue.js,react.js,angular.js
ここでは、実際に実装してみて感じた良かった点や悪かった点を
簡単に2つずつお話しさせていただきたいと思います。
すでにがっつりVue.jsを使っているという方には物足りない内容かと思いますが、
「脱jQueryを考えている」
「Vue.jsなどの他のライブラリに興味を持っている」
といった方はぜひ参考にしていただけると幸いです。
基本、コードの例を交えてお話ししていきたいと思いますが、
説明不足の箇所はVue.js公式ドキュメントで該当する箇所のリンクを貼っていますので、
「詳しく理解したい!」
という方は是非利用してみてください!
ここでのお話を聞いて
「Vue.jsいい感じじゃん!」
と思っていただけた方は最後に公式のチュートリアルのリンクも
載せておきましたので、
是非そちらからVue.jsの世界に踏み込んでいただけると幸いです。
目次
- 目次
- 良かった点
- その1. イベントバインドさせる処理を一掃できる!
- その2. HTML側の値とJavaScriptの処理が勝手に連動してくれている!
- 悪かった点
- その1. 初期表示が崩れがち...
- その2. jQueryの便利メソッドが使えない...
- まとめ
続きを読む