vue路由1.0_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

});