vue는 어떤 응답식과 구성 요소화인지 간단하게 소개합니다

1344 단어 VUE
1. 정의:
  • vue.js는 전방 개발을 위한 웹 라이브러리
    • 2. 특징:
  • 응답식: 데이터와 보기가 동기화되고 데이터가 귀속된다.
  • 구성 요소화: 봉인된 코드를 라벨로 등록하여 중복 사용할 수 있습니다.

    • 3. 장점:
  • MVVM 모드: 즉 모델-뷰-뷰 모델입니다.[모형] 백엔드에서 전달된 데이터를 가리킨다.[보기]는 보이는 페이지를 가리킨다.[시도 모형] mvvm 모델의 핵심은view와 모델을 연결하는 다리입니다.그것은 두 가지 방향이 있다. 하나는 [모형]을 [시도]로 바꾸고 백엔드에서 전달된 데이터를 보이는 페이지로 바꾸는 것이다.실현하는 방식은 데이터 귀속이다.둘째, [시도]를 [모델]로 전환하고 곧 볼 페이지를 백엔드의 데이터로 전환한다.구현되는 방법은 DOM 이벤트 수신입니다.이 두 방향이 모두 이루어진 것을 우리는 데이터의 양방향 귀속이라고 부른다.
  • dom 조작에서 벗어나기(원래는dom 조작을 통해 어떤 값을 얻어야 하는데, 지금은 보기 모형을 직접 가져오면 된다)
  • 보기와 데이터의 통일을 유지할 필요가 없다(보기와 데이터는 양방향으로 귀속되어 시종일관 일치한다)
    • 예
  • 데이터 귀속: 단락p에서 메시지와 데이터 모델에서 메시지는 항상 일치합니다!
    • 



Vue     




    
  
    {{ message }}
    

    


new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  }
})
  • 구성 요소화, 전역 구성 요소peanut를 등록하고div에서 사용
    • 



Vue      




    
	

    


//   
Vue.component('peanut', {
  template: '<h1>     !</h1>'
})
//      
new Vue({
  el: '#app'
})
    자바 와 Python 의 대비
    HashMap 의 확장 메커니즘

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage