선언형 접근 방식 / vue에 대한 줄글 1

Vue와 같은 프레임워크는 선언형 접근 방식을 사용한다고 표현한다.

선언형 접근 방식이 뭘까?

 

선언형 접근방식

1. 개발자는 목표를 정의하고, 컨텐츠의 템플릿을 정의한다.
2. 이후 동적 바인딩이 필요한 부분에 v-접두사나  {{ }} 를 이용해 데이터 추가를 표시한다.
3. 그렇게 해두면 vue가 나머지 작업을 처리한다.
4. 즉, vue는 내부적인 모든 준비를 다 해놓은 상태이며,
5. 강조한 부분에 개발자가 원하는 데이터를 업데이트 한다.
6. 즉 실제 DOM을 업데이트 해주고 사용자가 볼 수 있게 한다.
7. 따라서 개발자는 동적 플레이스홀더를 지정하고, 최종적인 그림만 정의하면 작업이 끝나게 된다.

---

vue에 대한 줄글 1

• vue 인스턴스는 하나의 HTML 엘레멘트와 결합이 가능하며, 바인딩된 엘레멘트의 자식요소에 영향을 미칠 수 있다.
• html 엘레멘트와의 결합은 mount 메서드를 이용하며, querySelector처럼 클래스, 아이디 등과 결합한다.
• Vue가 컨트롤하는 HTML 엘리먼트는 {{ }} 문법(interpolation)과 v-binding 문법을 쓸 수 있다.
• html 태그는 {{ }} 문법을 통해 vue의 데이터를 바인딩하거나, js의 문법을 쓸 수 있다.
• v-문법을 html 태그에 추가하면 {{ }} 문법으로 해결이 불가능한 다양한 기능들을 수행하게 할 수 있다.