本文共 664 字，大约阅读时间需要 2 分钟。

vue路由配置：

1.安装

npm install vue-router  --save   / cnpm install vue-router  --save

2、引入并 Vue.use(VueRouter)   (main.js)

import VueRouter from 'vue-router'        Vue.use(VueRouter)

3、配置路由    1、创建组件 引入组件    2、定义路由

const routes = [              { path: '/foo', component: Foo },              { path: '/bar', component: Bar },              { path: '*', redirect: '/home' }   /*默认跳转路由*/            ]

3、实例化VueRouter

const router = new VueRouter({              routes // （缩写）相当于 routes: routes            })

4、挂载

new Vue({          el: '#app',          router，          render: h => h(App)        })

5 、根组件的模板里面放上这句话

6、路由跳转

   
    Go to Foo
            
   
    Go to Bar
   

转载地址：https://blog.csdn.net/weixin_38676040/article/details/82623306 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！