랜더링 과정
-
[Vue.js] 컴포넌트 개념 및 사용법📗 Vue.js 2024. 10. 16. 13:44
1. 컴포넌트란?Vue에서 컴포넌트는 UI의 재사용 가능한 단위입니다.주로 Vue에서 화면의 영역을 구분하여 개발하는데 사용합니다. 그럼 컴포넌트를 사용하는 이유는?🤷♂️코드의 가독성을 높인다.유지보수가 용이하다.코드의 중복을 줄일 수 잇다.Vue에서는 각 컴포넌트는 고유의 데이터, 메서드, 템플릿을 가지고 동작합니다.페이지에서 주로 Header, Body, Footer와 같은 UI 요소를 컴포넌트로 만들고,다른 곳에서도 재사용할 수 있어 관리가 편합니다. 컴포넌트를 설명하면서 추가로 말씀드리면,이전까지의 Vue2에서의 컴포넌트는 options API를 기반으로 작성되었습니다.하지만 Vue3에서는 Composition API가 도입되었고,그 중에서도 {{ doubleCount }} ..