Methods4 12장 04. 정리 컴포넌트를 작성해서 표시할 때 1. 직접 만든 컴포넌트의 태그명 사용 2. Vue 인스턴스로 사용하는 컴포넌트 오브젝트 작성 let Mycomponent = { template: 'Hello' } 3. Vue 인스턴스로 components: 에 프로퍼티를 준비하고 컴포넌트 오브젝트 입력 components: { 'my-component': MyComponent } 데이터를 사용하는 컴포넌트를 만들어서 표시할 때 1. 직접 만든 컴포넌트의 태그명 사용 2. 데잍터를 사용할 컴포넌트 오브젝트 작성. 이때 data: 는 function을 사용해서 작성 let MyComponent = { template: '카운터 추가{{ count }}', data: function(){ return { count: 0 } .. 2023. 5. 29. 07장 02. Google Charts와 연동하기 보호되어 있는 글 입니다. 2023. 5. 12. 05장 01. 이벤트와 연결하기 : v-on 보호되어 있는 글 입니다. 2023. 5. 10. 2장 01. Vue 인스턴스 만들기 : new Vue vue 인스턴스란? - SPA를 뒤에서 움직이게 하는 실체 - Vue 인스턴스에 여러 옵션을 붙이는 것으로 SPA 기능이 동작하기 시작한다. Vue 인스턴스 작성 new Vue({ Vue 인스턴스 내용 }) 또는 var 변수명 = new Vue({ Vue 인스턴스 내용 }) el 옵션 - 어떤 HTML 요소와 연결할지 지정 - 작성 후 el 옵션으로 el: "#ID명" 으로 지정하여 요소와 연결 data 옵션 -data : { 데이터부분 } 에서 데이터부분 영역에 " : " 과 같은 형식으로 작성. Vue.js에서는 데이터 이름을 '프로퍼티'라고 한다. 데이터가 복수일 경우 콤마( , )로 구분하여 나열한다. Vue 인스턴스 작성( el, data 옵션 ) new Vue({ el: "#ID명", data.. 2023. 5. 3. 이전 1 다음