Vue.js에서 기본으로 제공하는 데이터 전달 방식으로 두개를 꼽아 생각할 수 있다. 하나는 부모에서 자식으로 전달하는 방식인 Props와 자식에서 부모로 전달하는 Emit이다. 이 문서는 이를 정리하는 문서이다. Props (부모에서 자식) props 속성을 통해 부모 컴포넌트가 가진 데이터를 자식 컴포넌트로 전달해준다. 코드 /* 부모 컴포넌트 */ var parentComponent = { template: '#parentComponent', data: function() { return { age: '30', name: 'Jeon' } } } /* 자식 컴포넌트 */ 내 이름은 {{ name }} 이다. 내 나이는 {{ age }}이다. var childComponent = { template: ..
방법 1 ) 지역컴포넌트 선언 먼저 아래는 new Vue(생성자)를 이용한 Vue 의 기본단위인 인스턴스라고 한다. new Vue({ el: '#component', mixins: [mixin, linkUrlMixin, deviceMixin, webViewBridgeMixin], // 공통메서드 가져와 씀 created() { // 인스턴스가 만들어질 때 (데이터 초기화 목적) }, mounted() { // 인스턴스가 dom에 붙을때 (dom 조작 목적) }, data : function() { return { // 데이터 정의 } }, methods : { // 만들어두는 함수, 동작때 쓰임 }, computed : { // 계산식 , 변수화가 됨. }, props : [], // 다른 컴포넌트에서 ..
- Total
- Today
- Yesterday
- youtube
- 퍼블리싱
- Aria
- 웹퍼블리셔
- 자바스크립트
- 수영하기전후기
- curring
- 웹퍼블리싱
- javascript
- js
- 웹접근성
- Issue
- props
- 퍼블리셔
- jQuery
- 수영전후기
- 이론공부
- API
- 환경설정
- vue
- jeonst
- vue.js
- css3
- component
- frontend
- ES5
- 커리패턴
- 리액트생명주기
- WAI-ARIA
- 포세이돈되기까지
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |