Vue的代碼規(guī)范中,關(guān)閉標簽的寫法有多種,但是可以理解為兩種:自閉合標簽和非自閉合標簽。
<img src="vue.png" />
<img src="vue.png"></img>
自閉合標簽使用“/”符號來關(guān)閉標簽,是一種常用的寫法。在使用自閉合標簽時,我們需要注意以下幾點:
- 將“/”符號緊挨著標簽名
- 在沒有屬性的情況下,必須使用自閉合標簽
- 在HTML模板中使用自閉合標簽,但在JSX模式下是不符合規(guī)范的
<div class="vue">
<img src="vue.png" alt="Vue.js Logo" />
</div>
非自閉合標簽就是傳統(tǒng)寫法,即通過在標簽尾部添加一個標簽來關(guān)閉它。下面是一個例子:
<div class="vue">
<img src="vue.png" alt="Vue.js Logo"></img>
</div>
當然,類似<br>和<hr>這樣的標簽,因其本身就沒有具體的內(nèi)容,因此不需要使用結(jié)束標簽。因此,它們可以使用自閉合標簽的寫法:
<br />
<hr />
非自閉合標簽的寫法雖然更加傳統(tǒng)且符合HTML標準,但是它的缺點也比較明顯:
- 需要額外寫一個結(jié)束標簽,容易出錯
- 在視覺化編輯器中與其他標簽之間的區(qū)分度不夠,容易出錯
- 增加了額外的代碼行數(shù)
總的來說,使用自閉合標簽會更加方便和簡潔,但在有些情況下,非自閉合標簽也是必須的,比如在嵌套的情況下更容易區(qū)分。因此,在Vue的代碼規(guī)范中,我們可以根據(jù)具體情況來選擇使用自閉合標簽還是非自閉合標簽。