在Vue中，我們經(jīng)常需要加斜線來(lái)表示我們的html標(biāo)簽是閉合的。比如在v-for中，我們需要通過(guò)加斜線來(lái)表示我們的循環(huán)元素

{{item}}

如果我們忘記加斜線的話，代碼就會(huì)出現(xiàn)錯(cuò)誤。所以加斜線是一個(gè)很重要的小細(xì)節(jié)。在Vue中，我們可以通過(guò)三種方式來(lái)加斜線。

第一種方式是在模板中使用自閉合標(biāo)簽。自閉合標(biāo)簽是不需要加斜線的，Vue會(huì)自動(dòng)認(rèn)為它是閉合的。比如以下代碼：

這種寫(xiě)法不需要加斜線，Vue會(huì)自動(dòng)識(shí)別為閉合標(biāo)簽。

第二種方式是在標(biāo)簽內(nèi)部使用vue.js CDATA。比如以下代碼：

這種方式也不需要加斜線。Vue會(huì)自動(dòng)認(rèn)為所有的CDMA都是閉合的標(biāo)簽。

第三種方式是直接在標(biāo)簽后面添加斜線。比如以下代碼：

{{item}}
其他

這種寫(xiě)法需要手動(dòng)加斜線，否則就會(huì)出現(xiàn)錯(cuò)誤。加斜線的方式是在標(biāo)簽名稱(chēng)后面添加一個(gè)斜線。比如“其他”這個(gè)li標(biāo)簽應(yīng)該寫(xiě)成“<li>其他</li>”。

在實(shí)際開(kāi)發(fā)中，我們建議使用第一種方式來(lái)寫(xiě)自閉合標(biāo)簽，這樣不容易出錯(cuò)。如果需要用到vue.js CDATA，我們可以添加注釋來(lái)聲明，這樣代碼可讀性更好。而在使用v-for等指令時(shí)，我們需要特別注意添加斜線，否則會(huì)導(dǎo)致代碼出錯(cuò)。