1.首先下载并载入js脚本：

2.创建一个实例供vue使用：

     
 
      
        index 
      
      
        user 
      	 		//设置两个路由 /index和/user
      
        //路由视窗 
      
     

script：

new Vue({		    el:"#wrap",//div的id名称  实例化			data:{//数据存放（暂时为空仅验证后面router）					},			router:router,//添加router		  })

3.接下（在vue中）来定义router,从官网上我们可以知道定义router的方法：var router = new VueRouter({ routes:routeName});

　　

var router = new VueRouter({  routes: [    { path: '/index', component: list1},    { path: '/user', component: list2},    {path:"*",component:list1}  ]})（注：routes是一个数组  同等于：var  test = [	{path:"/index",component:list1 },	{path:"/user",component:list2 },	{path:"*",component:list1}            ]var router = new VueRouter({  routes: test})）

　4.定义component渲染模板：list1 和 list2  -----这部分用到了局部组件的知识　

　　

　　script中：

var  list1 = {		template:"#list1",		}var  list2 ={		template:"#list2",		}

　　就可以实现简单的路由功能了