vue.js2 🔥component - 부품으로 정리 component - 부품으로 정리 SPA(Single Page Application)는 간단히 만들기 위함이지만, 규모가 커지면 복잡해진다. 이 때, “같은 종류의 처리를 하는 부분을 컴포넌트로 정리”하면 보기 좋고 이해하기 쉬워진다. HTML의 일부분을 오브젝트로 정리하는 것은 template 오브젝트를 사용한다. 그리고 오브젝트에 이름(컴포넌트 태그명)을 붙인 것을 “컴포넌트”라고 한다. // 준비된 컴포넌트가 표시된다. 컴포넌트 만드는 방법 전역 컴포넌트로 등록하는 방법 Vue.component('컴포넌트태그명', { template: 'HTML부분' }) 로컬 컴포넌트에 등록하는 방법 var 컴포넌트의 오브젝트명 = { template: 'HTML부분' } new Vue({ el: '#app',.. JavaScript/vue 2022. 12. 13. Vue.js CDN / 설치(추후 추가) Vue.js https://kr.vuejs.org/v2/guide/installation.html 설치방법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org CDN 프로토 타이핑또는 학습 목적이라면, 아래 코드로 최신 버전을 사용할 수 있습니다. 프로덕션 환경인 경우 새 버전에서 예상치 못한 오류를 방지하려면 특정 버전의 빌드 파일을 추가하는것을 추천합니다. 기본 ES 모듈을 사용하는 경우 이를 지원 하는 ES 모듈 호환 빌드 파일도 있습니다. 다양한 데이터의 출력 {{ myText }} 숫자 {{ myNumber }} 부울형 {{ myBool }} 배열 {{myArray }} 오브젝트 {{ myObject }} {{ $data }} 위의 코드와 같이 안에 넣어준.. JavaScript/vue 2022. 8. 9. 이전 1 다음