router-view组件怎么在vue项目中使用

本篇文章给大家分享的是有关router-view组件怎么在vue项目中使用，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联专业为企业提供赤壁网站建设、赤壁做网站、赤壁网站设计、赤壁网站制作等企业网站建设、网页设计与制作、赤壁企业网站模板建站服务，10余年赤壁做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

显示粗来的navbar就是这样的，在同个页面显示，地址栏也是变的， 我们在index这个组件引入navbar组件，头部那些不相干的logo啊基本信息可以忽略一下下

那么他们的路由都是怎么配的呢，在index.js中：

{
  path: '/',
  name: 'index',
  component: index,
  redirect:'/food',
  children:[
 {
  path: 'food',
  name: 'food',
  component: food
 },
 {
  path: 'seller',
  name: 'seller',
  component: seller
 },
 {
  path: 'rating',
  name: 'rating',
  component: rating
 }
  ]
 },

多加张图解释一下哈

上张图片注释的单词打错了，是“index”，不是“iindex”,个最后顺便附上index.vue的代码，这样好理解一点

 @import '../../static/css/index.styl';

以上就是router-view组件怎么在vue项目中使用，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。