（七）高级路由配置语法

// 传递参数写法
url: /users/100/posts/50
写法：/users/:userId/posts/:postsId

// 获取参数方法
this.$route.params
{
  userId: 100,
  postId: 50
}

/usters/:userId/posts/:postId/
/users/100/posts/50

// 上面这个写法只会匹配到 /users/100，后面的数据不会在匹配

// 获取商品
/clothes

// 获取商品并且获取商品子分类
/clothes/t-shirt

// 或者时后面的子分类不固定
/clothes/t-shirt/long-sleeve

/:categories+
// 可以匹配到如下这几类 URL 地址  但是不可以匹配 / 也就是没有任何内容的情况
/clothes
/clothes/t-shirt

/:categories*
// 可以匹配到如下这几类 URL 地址  并且可以匹配 /
/clothes
/clothes/t-shirt
/

/:categories?
// 可以匹配到如下这几类 URL 地址  不能出现多次，比如 /clothes/t-shirt
/clothes
/

// 语法 url ([正则表达式])
// 例子
/posts/:title([a-zA-Z0-9-]+)

// 解析出来就是
/pots/how-to-use-vue-router
// 但是不能匹配-因为+是至少匹配一次
/pots/what-is+

/:notFound(.*)/*

// 例如
/:postId
/about
// 上面两个路径 /about 优先及更高，因为他是个具体的路径(固定写死的)
// 匹配的时候，会先查找路径中有没有，没有在去查找动态的，如果有多个动态的会按照他们在route中的顺序决定
/:postID    // 先执行-因为他在前面
/:userId    // 后执行-因为他在后面