Vue中如何详细安装并应用Vue Router？

本文共计1408个文字，预计阅读时间需要6分钟。

对于单页应用程序，官方提供了vue-router库来处理路由跳转。本篇主要基于官方文档进行写作。安装时，我更倾向于使用npm包管理工具进行。

安装命令如下：

bashnpm install vue-router --save

官方提供。

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。

安装

基于传统，我更喜欢采用npm包的形式进行安装。

npm install vue-router --save

当然，官方采用了多种方式进行安装，包括bower,cdn等。

基本用法

在HTML文档中使用，只需要利用v-link这个directive就行了，如：

<a v-link="{path: '/view-a'}">Go to view-a</a>

ps: v-link还支持activeClass用于指定链接活跃时的css样式。replace属性为true的时候可以让链接在跳转的时候不会留下历史记录。