基于vue-cli的vue项目之路由2--param传参

路由使用param传参

1。第一个hello。vue组件，显示传的参数（单个）



2.第二个打酱油的界面foo.vue，显示两个参数（多个）




3../router/index.js配置了重定向，注意修改，注意查看第53行的代码（单个），第58行代码（多个）
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const router = new VueRouter({
	routes: [{
			name:"/hello",
			path: '/hello:hparam1',
			component: require('../components/Hello.vue')
		},
		{
			name: '/foo',
			path: '/foo/:fparam1/age:fparam2',
			component: require('../components/foo.vue')
		},
		{
			path: '*',
			redirect: '/hello:hparam1'
		},
	]
})

export default router;

4.app。vue设置路由，在地77行的地方设置了传送的方式（单个），以及第80行设置了传输方式（多个）

最后的界面是这样的: