用vue2.0脚手架搭建的单页用导航组件进行路由

Question

想法是这样 整个页面由nav.vue和router-view组成
nav.vue中有router-link
但是用组件的方式添加到页面中的话会出现

new Vue({
    el:"#app",
    components:{navga}
)

Error when rendering root instance

new Vue({
    el:"#app",
    render:h=>h(Navga)
})

Error when rendering anonymous component
Uncaught TypeError: Cannot read property 'matched' of undefined

所以最后用的是

<div id="app">
    <router-view></router-view>
</div>

const routes = [
    {path:'/',component:Navga},
]
const router = new VueRouter({
    routes
})
const app = new Vue({
    router
}).$mount("#app")

这样是可以渲染的 但是内容层的话会把导航栏覆盖了
接着这个的想法就是路由嵌套 将内容层放在nav.vue里
但是总感觉不好
能否直接用渲染或者组件的形式添加进index.html中呢

Answer 1

看这个 文档