Vue js

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

갈잃자 2022. 5. 11. 20:01

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에 관련된 모든 일을 처리