如何在QWIK框架中为链接设置激活状态及对应CSS类？

Qwik的Link组件自带激活状态管理能力，不需要手动写类似[class.active]="activeRoute"的绑定逻辑，具体用法如下：

1. 使用默认激活类 #

Link组件会在路由匹配时自动给元素添加active类，直接在CSS中定义该类的样式即可：

.active {
  color: #ff4081;
  font-weight: bold;
}

对应的Link代码保持不变：

<Link href="/">Home</Link>

2. 自定义激活类名 #

如果需要替换默认的active类名，可通过activeClass属性指定自定义类：

<Link href="/" activeClass="current-page">Home</Link>

然后在CSS中定义自定义类的样式：

.current-page {
  color: #2196f3;
  border-bottom: 2px solid currentColor;
}

3. 调整路由匹配规则 #

默认是精确匹配路由（只有当当前路径完全等于href时才激活），如果需要模糊匹配（比如/blog匹配/blog/123这类子路由），可以添加exact={false}属性：

<Link href="/blog" activeClass="current-page" exact={false}>Blog</Link>

内容的提问来源于stack exchange，提问作者Aurica