Vue.js 디자인패턴(MVVM Pattern)

Vue.js의 디자인 패턴(MVVM Pattern)

• 애플리케이션 로직을 UI로부터 분리하기 위해 설계된 디자인 패턴
• 구성요소
  1. Model(js object)
     • vue에서 model은 js의 object이다
     • object ==={key: value}
     • model은 vue instance 내부에서 data라는 이름으로 존재
     • 이 data가 바뀌면 view(dom)이 반응
  2. View( dom(html) )
     • data의 변화에 따라서 바뀌는 대상
  3. View Model(vue)
     • vue에서 viewModel은 모든 vue instance이다
     • view와 model사이에서 data와 dom에 관련된 모든 일을 처리