Do it! Vue.js

UI 화면단(MVVM패턴의 view 모델) 라이브러리컴포넌트 기반 프레임워크

node v12, npm v6 with IntellJ이를 크롬에서 띄워보면 Hello Vue.js! 문구가 보이게 된다.위 그림에서 보이는 Root는 최상위 컴포넌트로, 뷰 어플리케이션을 실행할 때 가장 근간이 되는 컴포넌트이자 최상위 컴포넌트를 의미한다.결론적으로는,

뷰 인스턴스(instance)는 화면 개발에서 블록과 같은 어떤 '단위'라고 볼 수 있다.뷰 인스턴스 형식은 아래와 같다.지난 실습에서 루트(최상위) 컴포넌트 data 속성 얘기하면서 봤던 템플릿이다.저게 인스턴스였고만,,여기서 new Vue()로 인스턴스를 생성할 때

HTML, CSS 등의 마크업 속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결하여 사용자가 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성이다.위와 같이 template 속성에서 정의한 마크업과 데이터는 가상 dom 기반의 render() 함수로 변환

일반적으로, 프로젝트 폴더에서 src/밑에 /components폴더를 생성하고, 그 아래에 컴포넌트를 모아서 관리한다.하지만 애플리케이션의 규모가 커서 기능별로 관리해야 할 경우에는 src/components/기능/컴포넌트.vue와 같은 형식으로 관리한다고 한다. 예를