課程
/前端開發
/Vue.js
/3小時速成 Vue2.x 核心技術
App.vue文件中,為什么有一個未閉合的
<router-view/>
標簽
2019-01-15
源自:3小時速成 Vue2.x 核心技術 3-4
正在回答
這里可以參考官方的風格指南-自閉合組件,也可以這樣寫:
<router-view></router-view>
參考資料:
Self-closing component tags
其中作者也作出了解釋。
然后我們再來看看,風格指南中的摘出:
不幸的是,HTML 并不支持自閉合的自定義元素——只有官方的“空”元素。所以上述策略僅適用于進入 DOM 之前 Vue 的模板編譯器能夠觸達的地方,然后再產出符合 DOM 規范的 HTML。
官方的意思很明顯:
簡單來說,在html中是不允許的,這種自閉合的寫法是XHTML的語法。所以在.vue結尾的template中,是可以使用的。
謝謝您的支持。
老師,我一開始寫的就是?
<router-view> ??<ul> ????<li><router-link?:to="{name:'list'}">新聞列表</router-link></li> ????<li><router-link?:to="{name:'user'}">個人中心</router-link></li> ??</ul> <<router-view/>
但是下面無法顯示這兩個 router link
我找了很久問題 ,發現把 組合標簽 router-view 改成 自閉合就能出來 這是為什么啊,雖然指南里面說了 在單 組件中 應該是自閉合,但還是搞不懂
小魚愛吃方便面
就是說在模版編譯后會編譯成符合規則的html代碼再進行渲染吧,謝謝老師啦
舉報
帶你快速學習最流行的前端框架vue2.x的核心技術
1 回答創建快捷標簽的問題
1 回答template 標簽中引用vue問題
1 回答如何關閉eslint
1 回答cmd顯示問題,不能顯示小圖標?
3 回答和老師代碼一樣可是p標簽沒顯示出來而且報錯了
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-01-15
這里可以參考官方的風格指南-自閉合組件,也可以這樣寫:
<router-view></router-view>
參考資料:
Self-closing component tags
其中作者也作出了解釋。
然后我們再來看看,風格指南中的摘出:
官方的意思很明顯:
簡單來說,在html中是不允許的,這種自閉合的寫法是XHTML的語法。所以在.vue結尾的template中,是可以使用的。
謝謝您的支持。
2019-08-07
老師,我一開始寫的就是?
<router-view> ??<ul> ????<li><router-link?:to="{name:'list'}">新聞列表</router-link></li> ????<li><router-link?:to="{name:'user'}">個人中心</router-link></li> ??</ul> <<router-view/>但是下面無法顯示這兩個 router link
我找了很久問題 ,發現把 組合標簽 router-view 改成 自閉合就能出來 這是為什么啊,雖然指南里面說了 在單 組件中 應該是自閉合,但還是搞不懂
2019-01-15
就是說在模版編譯后會編譯成符合規則的html代碼再進行渲染吧,謝謝老師啦