Javascript/Vue 지식2 [Vue] 뷰 인스턴스 (Vue Instance) [Vue] 뷰 인스턴스 (Vue Instance)뷰 인스턴스 생성하기모든 Vue 앱은 Vue 함수를 새 뷰 인스턴스(Vue Instance)를 만드는 것부터 시작한다.var vm = new Vue({ // 옵션}) 위 코드처럼 Vue 인스턴스를 참조하는 변수를 종종 vm (ViewModel 의 약자) 을 사용한다. 데이터 (data)이렇게 뷰 인스턴스가 생성될 때 data 객체에 있는 모든 속성이 Vue의 반응형 시스템에 추가된다. 즉, 각 속성값이 변경될 때 뷰가 " 반응 "하여 새로운 값과 일치하도록 업데이트된다. 아래 코드와 같이 데이터가 변경되면 화면은 다시 렌더링 되는 것이다.// 데이터 객체var data = { a: 1 }// Vue인스턴스에 데이터 객체를 추가합니다.var vm = new.. 2024. 8. 9. [Vue] Vue 기본 [Vue] Vue 기본Vue.js 란 Vue.js 는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크(Progressive Framework) 이다. (Vue는 점진적으로 채택할 수 있도록 설계)❗Vue의 프로그레시브(점진적인) 프레임워크로서의 의미 Vue (코어 라이브러리)는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하고 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로 제공된다. 즉, 처음에는 Vue의 최소기능만으로 개발을 시작하고 점진적으로 다른 기능들을 적용시킬 수 있다 는 의미 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한.. 2024. 8. 7. 이전 1 다음
