Vue基础系列文章11---router基本使用

1、系统中引入路由js文件，加两个连接，分别到用户管理和用户注册页面

用户列表 注册列表

2、加入路由占位符

3、定义好要跳转的组件

const User={ template:"

用户管理页面

注册页面

4、创建路由实例对像

//创建路由实例对象 const router = new VueRouter({ routes:[ {path:'/user',component:User}, {path:'/regis',component:Regis} ] });

5、将中由对象挂到vue对象中去

var vm = new Vue({ el:'#app', data:{ }, methods:{ }, router:router });

6、整个文件的代码最后看起来是这样的