반응형
뷰 인스턴스 라이프 사이클
-
03. 뷰 인스턴스(Instance)FrontEnd/Vue.js 2021. 9. 7. 17:20
뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위입니다. 1. 뷰 인스턴스 라이프 사이클 [용어] 라이프 사이클 훅(hook) : 각 라이프 사이클 속성에서 실행되는 커스텀 로직 2. 뷰 인스턴스 생성 및 옵션 속성 // Vue 생성자 : 미리 정의된 속성과 메서드 재활용 new Vue({ el: '#app', // el 속성 : 뷰 인스턴스로 화면을 렌더링할 때 화면이 그려질 위치의 돔 요소 지정 data: { message: 'Hello Vue.js!' }, template: { // 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성. }, methods: { // 화면 로직 제어와 관계된 메서드를 정의하는 속성. (마우스 클릭 이벤트 처리..