一、顯式關閉標簽

1、定義：
? ? ? ? ? ? ? ?所有的 HTML 標簽都必須有一個對應的結束標簽。
? ? ? ? ? ? ? ?自閉合標簽也必須使用 / 來關閉。

<template>
? ? ?<div>
? ? ? ?<p>這是一個段落</p>
? ? ? ?<img src="image.png" alt="描述" />
? ? ?</div>
</template>

2、優點
? ? ? 一致性：遵循 XML 規則，模板結構更加一致和可預測。
? ? ? 避免解析錯誤：顯式關閉標簽可以避免由于瀏覽器自動關閉標簽而導致的解析錯誤。
? ? ? 工具支持：許多工具和編輯器對 XML 規則有更好的支持，有助于提高開發效率和代碼質量。

?二、隱式關閉標簽（就是沒有 "/" 結束標簽符號的，?Vue 的模板解析器支持任意標簽使用?/>?作為標簽關閉的標志）

1、定義：
某些標簽可以省略結束標簽，瀏覽器會自動關閉這些標簽。
例如：<br>、<img>、<hr> 等自閉合標簽在 HTML5 中可以不顯式關閉。

<template>
? ? ?<div>
? ? ? ?<p>這是一個段落
? ? ? ?<img src="image.png" alt="描述">
? ? ?</div>
? ?</template>

注意：

? ? ? ? 1、在單文件組件中推薦子組件使用 paseCase的標簽名，以此區分原生的html標簽(元素)，原生的html標簽名不區分大小，但是vue單文件組件在編譯中區分大小寫。可以用? /> 來關閉一個標簽
? ? ? ? ?2、直接在 DOM 中書寫模板，模板的編譯需要遵從瀏覽器中 HTML 的解析行為，這時應該用?kebab-case?形式并顯式地關閉這些組件的標簽
? ? ? ? ?3、文件名：使用 kebab-case；
? ? ? ? ? ? ? 組件定義：在組件的 name 屬性中使用 PascalCase，例如 MyComponent、UserProfile。
??????????????模板中使用組件：在模板中使用 PascalCase 的名稱，例如 <MyComponent /> 和 <UserProfile />。