Non-props 속성

안녕하세요 :)

우선 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 요소는 아니기에 루트 컴포넌트 입니다^^)

"쉽게 말해서 제일 꼭대기에 있는 태그 또는 컴포넌트 ..."

인프런 커뮤니티 질문&답변