Vue Router 中的语法错误：分号与冒号

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Vue Router 中的语法错误：分号与冒号</title>
	</head>
	<body>
		<script src="../vue.js"></script>
		<script src="../vue-router.js"></script>
<pre><code>	&lt;div id=&quot;app&quot;&gt;
		 &lt;router-link to=&quot;/user?id=10&amp;name-admin&quot;&gt;登录&lt;/router-link&gt;
		 &lt;router-view&gt;&lt;/router-view&gt;
	&lt;/div&gt;
	
	&lt;script&gt;
		var user={
			template:'&lt;h3&gt;id:{{this.$router.query.id}}'+'
			'name:{{$router.query.name}}&lt;/h3&gt;',
			created(){
				console.log(this.$router)
			}
		}
		var router=new VueRouter({
			routes:[ // 这里应该使用冒号，而不是分号
				{path:'/user',components:user}
			]
		})
		var vm=new Vue({
			el:'#app',
			router
		})
	&lt;/script&gt;
&lt;/body&gt;
</code></pre>
</html>
代码中有一个语法错误，应该是在定义路由的时候，使用了分号（;）而不是冒号（:）：
<pre><code>var router=new VueRouter({
  routes;[ // should be colon, not semicolon
    {path:'/user',components:user}
  ]
})
</code></pre>
<p>应该改为：</p>
<pre><code>var router=new VueRouter({
  routes:[ // 这里应该使用冒号，而不是分号
    {path:'/user',components:user}
  ]
})
</code></pre>