vue之路由写法变化

关键词：路由

1.0的写法

    

        

            
安装
            
目录
        
        

                             
        
    

     var App = Vue.extend();

     var Ways = Vue.extend({
        template:"
node安装方法
"
     });
     var Dirs = Vue.extend({
        template:"
node安装目录
"
     });
     // 准备路由
     var router = new VueRouter();
     // 关联
     router.map({
        "way":{
            component:Ways
        },
        "dir":{
            component:Dirs
        },
     });
     router.start(App,"#box");
        //6. 跳转
        router.redirect({
            '/':'dir'
        });

2.0写法
*
*

    

        

    方法
    目录
        
        
    

  // 定义组件
  const Ways = { template: '
安装方法
' }
  const Dirs = { template: '
安装目录
' }

  // 准备路由
   const routes = [
        { path: '/way', component: Ways },
        { path: '/dir', component: Dirs }
      ]
   // 创建实例
   const router = new VueRouter({
      routes // （缩写）相当于 routes: routes
   });
   // 挂载实例
   new Vue({
    el:'#box',
     router
   });