想法是这样 整个页面由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
所以最后用的是
const routes = [ {path:'/',component:Navga}, ] const router = new VueRouter({ routes }) const app = new Vue({ router }).$mount("#app")
这样是可以渲染的 但是内容层的话会把导航栏覆盖了
接着这个的想法就是路由嵌套 将内容层放在nav.vue里
但是总感觉不好
能否直接用渲染或者组件的形式添加进index.html中呢
看这个 文档