                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /3小时速成 Vue2.x 核心技术

标签闭合问题

App.vue文件中，为什么有一个未闭合的

<router-view/>

标签

qq_超级马里奥_0

2019-01-15

源自：3小时速成 Vue2.x 核心技术 3-4

关注问题我要回答

1184

操作

收起

3 回答

Brian 回答被采纳 +2 积分
2019-01-15

这里可以参考官方的风格指南-自闭合组件，也可以这样写：

<router-view></router-view>

参考资料：

Self-closing component tags

其中作者也作出了解释。

然后我们再来看看，风格指南中的摘出：

不幸的是，HTML 并不支持自闭合的自定义元素——只有官方的“空”元素。所以上述策略仅适用于进入 DOM 之前 Vue 的模板编译器能够触达的地方，然后再产出符合 DOM 规范的 HTML。

官方的意思很明显：

简单来说，在html中是不允许的，这种自闭合的写法是XHTML的语法。所以在.vue结尾的template中，是可以使用的。

谢谢您的支持。

0 回复有任何疑惑可以回复我~

收起回答

TwilightNamigu
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