Vue.js 路由

本章节我们将为大家介绍 Vue.js 路由。

Vue.js 路由允许我们通过不同的 URL 访问不同的内容。

通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。

Vue.js 路由需要载入vue-router 库

中文文档地址：vue-router文档。

---

安装

1、直接下载 / CDN

NPM

推荐使用淘宝镜像：

---

简单实例

Vue.js + vue-router 可以很简单的实现单页应用。

以下实例中我们将 vue-router 加进来，然后配置组件和路由映射，再告诉 vue-router 在哪里渲染它们。代码如下所示：

NPM 路由实例

接下来我们演示了一个使用 npm 简单的路由实例，开始前，请先下载该实例源代码：

你也可以在 Github 上下载：https://github.com/chrisvfritz/vue-2.0-simple-routing-example

下载完后，解压该目录，重命名目录为 vue-demo，vu 并进入该目录，执行以下命令：

如果你需要发布到正式环境可以执行以下命令：

执行成功后，访问 http://localhost:8080 即可看到如下界面：

---

内容来自：runoob.com 菜鸟教程

整理：极动云，宁波家电物联网云平台

CONTACT US: http://www.iot-jd.com