vue 中 params 参数的使用 及 可有可无时 做法

如何使用vue的params

1. 使用占位符

 {
	path:'/home',
	component:Home,
	children:[
		{
			path:'news',
			component:News
		},
		{
			component:Message,
			children:[
				{
					name:'xiangqing',
					path:'detail/:id/:title', // 使用占位符声明接收params参数
					component:Detail
				}
			]
		}
	]
}

2. 如果params参数可有可无 怎么解决

	path:'detail/:id/:title?',   // 在后面加?

3. 如果params参数为空 怎么解决

 如果参数为空的话 应该传递undefined  所以传递的时候要进行判断

this.$router.push({
          name: 'search',
          params: {
            keyWord: this.keyWord || undefined
          },
          query: {
            ...this.$route.query
          }
        })