Non-props 속성
강의에서 root element라는 단어를 사용하시는데 제가 제대로 모르는것 같아서 질문드립니다.
의미가 지칭하는 것의 태그 말하는 건가요?
혹시 번거롭지만 이해를 돕기 위해 구체적인 예시를 들어줄 수 있나요?
답변 1
0
안녕하세요 :)
우선 Root Element 문서내에 있는 최상위 요소 또는 최상위 노드 라고도 하는데요.
HTML문서를 예로들면 html 태그가 최상위(제일 꼭대기에 있는...) 요소임으로 <html>요소가 Root Element가 됩니다.
<html lang="ko"> <!-- root element -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>Non-props 회차에서 말하는 Root Element는 예를 들어 우리가 만든 컴포넌트 A.vue, B.vue가 있다고 가정해 보겠습니다.
// A.vue
<template>
<label>
<input type="text" />
<button>버튼</button>
</label>
</template>
<script>
...
</script>A.vue 컴포넌트 <template>내에 최상위 요소는 <label> 태그이므로 Root Element는 <label>이 됩니다.
// A.vue
<template>
<CustomLabel>
<input type="text" />
<button>버튼</button>
</CustomLabel>
</template>
<script>
...
</script>B.vue 컴포넌트 <template>내에 최상위 요소는 <CustomLabel> 컴포넌트이므로 Root Element는 <CustomLabel>이 됩니다.
(<CustomLabel>는 명확히 HTML 요소는 아니기에 루트 컴포넌트 입니다^^)
"쉽게 말해서 제일 꼭대기에 있는 태그 또는 컴포넌트 ..."
npm init vue@3.1.9
0
45
2
크롭 웹스토어 vue devtools 설치 관련
0
43
1
snippets 작성하는 부분 설명이 있었나요?
0
51
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
59
2
소스 공유 어디서 해야하는지 궁금합니다
0
62
2
component 등록과 사용
0
61
2
강의교안
0
58
2
eslint 룰 관련 질문이 있습니다.
0
70
2
npm init -y 명령어 실행에 관한 질문
1
157
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
1
172
2
깊은 감시자 질문
0
91
2
정리된 내용
0
158
2
화면이 왜 이렇게 뜨는걸까요?
0
188
2
왜 다르게 뜰까요..?ㅠㅠ
0
159
2
npm init vue , npm create vue@latest 명령 오류
0
295
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
144
2
watch강의 질문
0
155
1
강의 듣다가 질문드립니다.
0
122
1
이벤트 처리 부분 강의 실습
0
141
2
v-pre는 설명이 없나요?
0
156
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
147
1
개발자도구 Vue 탭 관련 문의
0
244
2
강의를 인텔리제이로 수업따라가도 되져?
0
180
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
285
2