В чем преимущество использованияболее <a href="">?

Question

Используя vue-router , компонент <router-link> предназначен для связи с маршрутами.Пример:

<router-link to="/foo">Link</router-link>

Однако следующий код работает одинаково:

<a href="#/foo">Link</a>

В чем преимущество <router-link> над простым использованием <a>?

Answer 1

За документ для <router-link>:

<router-link> предпочтительнее, чем жестко <a href="..."> для следующие причины:

• Он работает одинаково как в режиме истории HTML5, так и в режиме хеширования, поэтому, если вы когда-нибудь решите переключиться в режим или когда маршрутизатор вернется к режим хеширования в IE9, ничего не нужно менять.

• В режиме истории HTML5 ссылка маршрутизатора будет перехватывать событие нажатия, чтобы браузер не пытался перезагрузить страницу.

• Когда вы используете базовый параметр в режиме истории HTML5, вам не нужно включать его в URL-адреса проп.

А также:

Кроме того, ссылка автоматически получает активный класс CSS, когда целевой маршрут активен.