728x90 반응형 vue3 Vue 인스턴스 정의와 속성 Vue 인스턴스 정의와 속성 뷰 인스턴스는 뷰로 화면을 개발하기 위해서 필수적으로 생성해야 하는 기본 단위이다. new Vue({ el : '#app', data : { message : 'Hello vue.js' } }); 뷰 인스턴스 생성자 new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 한다. Vue 생성자는 뷰 라이브러리를 로딩하고 나면 접근할 수 있따다. 생성자를 사용하는 이유는 뷰로 개발할 때 필요한 기능들을 생성자에 미리 정의해 놓고 사용자가 그 기능을 재정의하여 편리하게 사용하도록 하기 위해서 이다. 2023. 3. 26. Vue 인스턴스 라이프 사이클 [Vue 인스턴스 라이프 사이클] 인스턴스의 속성 중 created는 인스언스가 생성되었을 때 호출할 동작을 정아ㅣ하는 속성이다. 인스턴스의 상태에 따라 호출할 수 있는 속성들을 라이프 사이클 속성이라고 한다. 그리고 각 라이프 사이클 속서에서 실행되는 커스텁 로직을 라이프 사이클 훅(hook)이라고 한다. 라이프 사이클 속성에는 created, beforeCreate, beforeMount, mounted 등 인스턴스의 생성, 변경, 소멸과 관련되어 총 8개가 있다. beforeCreate 인스턴스가 생성되고 나서 가장 처음으로 실행되는 라이프 사이크 ㄹ단계 이다. 이 단계에서는 data속성과 methods 속성이 아직 인스턴스에 정의되어 있지 않고, 돔과 같은 화면 요소에도 접근할 수 없다. Crea.. 2023. 3. 26. Vue.js 입문 (1일차) - Vue.js로 프로젝트를 만드는 회사가 많아짐에 Vue.js를 입문해야겠다는 생각이 들어 Vue.js를 입문하기 부터 프로젝트를 생성하여 하나의 앱을 만들기까지의 과정을 작성해보고자 한다. - 금일은 Vue.js가 무엇인지 알아가고 개발환경을 셋팅하는 시간을 가져본다. Vue.js란 Vue.js는 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크이다. 뷰는 화면단 라이브러리이자 프레임워크라고도 볼 수 있다. 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공된다. 즉, 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다. Vue의 장점 1. 배우기가 쉽다 2. 리액트와 앵귤러에 .. 2022. 1. 16. 이전 1 다음 728x90 반응형
