일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 남자육아휴직
- 싸이클
- 40대아빠육아
- MTB
- 인공지능
- 준연동형비례대표
- 저출산
- 도로패임
- 청주시 지하철
- 자전거
- 코란도스포츠
- 국민을 위한 국민연금은 없다
- 2024년 합계출산율
- 콜로라도
- 픽업트럭
- 아빠육아
- 데이터시각화
- 샤오미
- 액티언스포츠
- 미지아
- 엔진오일
- 대한민국선거
- 전동전기톱
- 청주시 일반계 고등학교
- 가칭 동남고등학교
- 오프로드
- 육아휴직급여
- 파리브레스트파리
- 감나무전지
- 중고노트북
Archives
- Today
- Total
열심히 일한 당신 떠나라
코딩 자율학습단(Vue.js 프런트엔드 개발 입문) 10일차 본문
7장 컴포지션 API 다루기
7.3 컴포지션 API에서 달라진 컴포넌트 구성 요소
o 라이프사이클 훅
beforeCreate(), created() 가 setup 영역으로 대체함.
beforeMount() -> OnBeforeMount() ... 으로 변경됨.
ㅇprops
<script setup>
const props = defineProps({
propA: String,
propB: [String, Number],
propC: {
type: Object,
default: ()=> ({}),
required: true,
},
});
</script>
ㅇ emits
<script setup>
import { defineEmits } from 'vue';
const emit = defineEmits(evnentNamesArray);
</script>
ㅇ provide
<script setup>
import { provide } from 'vue';
provide('keyForProvidedData', 'some data');
</script>
ㅇ inject
<script setup>
import { inject } from 'vue';
const receiveData = inject('keyForProvidedData', 'default value');
</script>
'정보교육 > 프런트엔드' 카테고리의 다른 글
코딩 자율학습단(Vue.js 프런트엔드 개발 입문) 12일차 (1) | 2024.07.03 |
---|---|
vue.js 프런트엔드 개발 입문(김기수) 도서 후기 (0) | 2024.06.28 |
코딩 자율학습단(Vue.js 프런트엔드 개발 입문) 9일차 (0) | 2024.06.28 |
코딩 자율학습단(Vue.js 프런트엔드 개발 입문) 8일차 (0) | 2024.06.27 |
코딩 자율학습단(Vue.js 프런트엔드 개발 입문) 7일차 (0) | 2024.06.25 |