首页<router-view></router-view>里面填写什么

<router-view></router-view>里面填写什么

时间: 2023-12-28 11:24:11 浏览: 74

vue-router 中router-view不能渲染的解决方法

5星 · 资源好评率100%

最近在做一个vue的项目，其中使用了vue2.0,vue-router2.0。在使用vue-router的时候跳了一个很大的坑，router-view不能渲染，花费了好多时间终于发现了原因。项目目录结构其中main.js import Vue from 'vue'; import App from './App'; import router from './router'; /* eslint-disable no-new */ new Vue({ el: '#app', router, render: h => h(App) }); app.vue <template>

在`<router-view></router-view>`中不需要填写任何内容，它是Vue Router提供的组件，用于渲染匹配到的组件。当路由地址发生变化时，Vue Router会根据路由地址匹配到对应的组件，并将其渲染到`<router-view></router-view>`中。因此，我们只需要在路由配置中指定每个路由对应的组件，就可以让Vue Router自动渲染对应的组件到`<router-view></router-view>`中了。

阅读全文