首页<template> <router-view></router-view> </template>

<template> <router-view></router-view> </template>

时间: 2023-08-17 09:56:25 浏览: 103

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>

这是一个 Vue.js 的模板代码片段。它使用了 `<router-view>` 组件来展示路由对应的组件。在 Vue.js 中，通过路由来实现页面的切换和导航。`<router-view>` 组件会根据当前路由的路径，动态地渲染对应的组件内容。在这个模板中，`<router-view>` 组件被放置在 `<template>` 标签中，表示它是整个模板的一部分，用于展示路由对应的组件内容。

阅读全文