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