本章节我们将为大家介绍 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
网友评论