vue-2.x webpack 安装vue-router 配置路由

1、先安装路由

npm install vue-router --save

2、配置main.js文件
先引用，然后使用vue-router

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

3、配置路由

const routes=[
    {path:'/home',component:Home},
    {path:'/news',component:News},
    {path:'*',redirect:'/home'}
];const router = new VueRouter({
    routes
})new Vue({
    el:'#app',
    template: '
     
       ',
    components: { App },
    router,
})render: h => h(App)

4、最后实例化组件、也可以用ES6语法

     
     

      
       
       
111
      
       
       
        
        主页
       
       
      
       
       
        
        新闻