vue-router 第五篇,url传值

这里需要注意的是,跟路由一定要加‘/’。

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const router = new VueRouter({
	mode:'history',
	base:__dirname,
	routes:[
		{ path:'/' },
		{ path:'/params/:aaa/:bbb' }
	]
})
		
new Vue({
	router ,
	template:`
		<div>
			<h1>good morning</h1>
			<ul>
				<li><router-link to="/">home</router-link></li>
				<li><router-link to="/params/111/222">params</router-link></li>
			</ul>
			<p>{{ $route.params.aaa }}</p>
		</div>
	`
}).$mount('#app')

随机浏览