SABER--03 Routing

Routing

Saber中使用a标签 <a> 跳转
客户端在各个路由中实现跳转需要加载 <a> 标签：
例如，./pages/index.vue ：

<template>
  <div>
    <h1>Welcome to Saber!</h1>
    <a href="/about.html">About</a>
  </div>
</template>

在Markdown中也可这样实现。
在内部，<a> 标签转换为内置组件 <saber-link> ，所以以下两种写法是等效的：

<a href="/about.html">About</a>
<saber-link to="/about.html">About</saber-link>

如果链接是绝对URL（例如，https://github.com）<saber-link> 将会被渲染成 <a target=“_blank” rel=“noopner noreferrer”> 元素。若不是，<saber-link> 将会被作为 Vue 的 Router 组件 <router-link> 处理。

Reference local pages 引用本地页面

你可以通过文件名使用 <a> 标签引用本地页面：

<a href="./about.md">About</a>

以上将会转换为：

<saber-link to="/about.html">About</saber-link>

如果你不确定哪个是permalink，或者也许会在未来修改permalink格式，上边的内容将会很有帮助。

卸载此关联

如果你不想使用 <a> 标签作为客户端的跳转实现，你可以使用 <saber-ignore> 属性：

<a saber-ignore href="/">Home</a>

这样，<a> 将会被渲染而不是作为 <router-link> 。接着，会使浏览器完全重载页面。