Vue:＜router-view＞＜/router-view＞内容不显示

北暖之森

于 2021-05-18 18:15:40 发布

阅读量1.8k

点赞数 4

分类专栏： bug集结地文章标签： vue vue.js

本文链接：https://blog.youkuaiyun.com/weixin_46005137/article/details/116997963

版权

bug集结地专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用Vue.js和Vue Router进行路由配置的例子。通过代码展示了如何导入Vue和Vue Router库，定义路由对应的组件，并导出配置好的路由实例。注意代码中的一些常见错误，例如属性名的拼写错误和路径书写不规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import Vue from 'vue';
import VueRouter from "vue-router";

import Content from "../components/Content";

//使用路由
Vue.use(VueRouter);

//配置导出路由
export default new VueRouter({
   //1.看看这个ruotes属性拼写错误没有 错误演示:routers
  routes:[
    {
      //路由路径
      //2.这个路径前面是没有点的 错误演示:'./content'
      path: '/content',
      //跳转的组件
      component: Content
    }
  ]
})