vue项目开发如何配置路由router

vue项目开发如何简单配置路由vue-router，下面编程教程网小编给大家简单介绍一下实现代码！

1、安装脚手架

npm install --save vue-router

2、引入

import VueRouter from 'vue-router'

3、路由配置

var router = new VueRouter({
  routes:[
   {
        path: "/hello",
        component: () =>
            import ("../views/HelloWorld.vue"),
    },
   {
        path: "/login",
        component: () =>
            import ("../views/Login.vue"),
    }
  ]
})
     
new Vue({
  el: '#app',
  components: { App },
  router,
  template: '<App/>'
})

以上是编程学习网小编为您介绍的“vue项目开发如何配置路由router”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。