在Vue中,我們經常需要加斜線來表示我們的html標簽是閉合的。比如在v-for中,我們需要通過加斜線來表示我們的循環元素
- {{item}}
如果我們忘記加斜線的話,代碼就會出現錯誤。所以加斜線是一個很重要的小細節。在Vue中,我們可以通過三種方式來加斜線。
第一種方式是在模板中使用自閉合標簽。自閉合標簽是不需要加斜線的,Vue會自動認為它是閉合的。比如以下代碼:
這種寫法不需要加斜線,Vue會自動識別為閉合標簽。
第二種方式是在標簽內部使用vue.js CDATA。比如以下代碼:
這種方式也不需要加斜線。Vue會自動認為所有的CDMA都是閉合的標簽。
第三種方式是直接在標簽后面添加斜線。比如以下代碼:
- {{item}}
- 其他
這種寫法需要手動加斜線,否則就會出現錯誤。加斜線的方式是在標簽名稱后面添加一個斜線。比如“其他”這個li標簽應該寫成“<li>其他</li>
”。
在實際開發中,我們建議使用第一種方式來寫自閉合標簽,這樣不容易出錯。如果需要用到vue.js CDATA,我們可以添加注釋來聲明,這樣代碼可讀性更好。而在使用v-for等指令時,我們需要特別注意添加斜線,否則會導致代碼出錯。
上一篇vue父子組通信