HOME/Articles/

Javascript関連で覚えておくべきこと

Article Outline

Javascriptの実行環境

Javascriptで実行前にはグローバルオブジェクトとthisが準備される

ブラウザでのグローバルオブジェクトはWindowオブジェクトとなる。

MVVM

モデル、ビュー、ビューモデル。

Vue.jsでも採用されている仕組み。

ViewModel ViewModel とは Vue.js のインスタンスのことです。 View と Model をとりもつオブジェクト。 jQueryではDOMを直接操作して動かしていたが、ViewModelが取り持つ事で 直接操作しなくても良くなった。

Model Model とは dataオブジェクト と methodsオブジェクト のこと。 dataオブジェクトの属性は v-text や v-model といったディレクティブによってバインドされます。

View View とは el で指定されたDOM要素のことです。 elでDOM要素を指定することで、ViewModel の適用範囲を指定できます。

https://design.dena.com/engineering/vue-js%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8Bmvvm%E5%85%A5%E9%96%80/