飴屋

Vue.js

初めてから5年経ちました

Vue.js を使うケースにそれほど恵まれなかったのですが、久しぶりに採用しそうなので、今のVue.jsを再学習します。今は「Vue 3」にバージョンアップしていて、5年前とは少し違うみたいですね。ちなみに前のバージョンVue 2のサポートは2023年で終了らしいです。(2023/6/4)


このページについて

WEBのフロントエンドはブラウザ環境が整備されてきたこと、HTML5+CSS+JavaScriptが表現力を上げてきたことで、リッチなUIが望まれることが増えてきたように感じます。にも関わらず、その開発環境は旧態依然のままということが少なからずありそうです。そんな中でUI開発に役立つフレームワークがポコポコと生まれてきて、いくらか淘汰も進んでいる状況なのかなと思っています。Vue.jsもそんなフレームワークの中の一つかなという認識で、特に積極的に学習するつもりはなかったのですが、ある日、「Vue.jsの経験者を探している」と連絡をお取引先様よりいただき、せっかくだから触ってみるかと思い立った次第です。お客さんがどうしてVue.jsで開発するのかまだうかがえてないのですが、Flashで作られたUIをいよいよ必要に迫られて全面的に改修することになった感じですかね。(2018/10/22)

Vue.js学習日記

  1. はじめに
  2. View
  3. 操作
  4. 仮想DOM

得られた知見

  • DOMを直接操作しないで、仮想DOMを操作した上で差分をDOMに反映させているのでスピードが稼げるらしい
  • dataの中の配列をconcat, filter, slice なんかで操作しても変更部分だけうまく反映するようになっているらしい