这篇文章主要为大家详细介绍了vue-router单页面路由的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
vue中,有一个类库叫做vue-router,是用来做单页面路由的。做路由一般分为四个步骤:
准备一个根组件 vue.extend();
需要做路由的内容准备 template;
-
准备路由 new VueRouter();
立即学习“前端免费学习笔记(深入)”;
vue-store高仿小米商城下载本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了11个页面:首页、登录、注册、全部商品、商品详情页、关于我们、我的收藏、购物车、订单结算页面、我的订单以及错误处理页面。实现了商品的展示、商品分类查询、关键字搜索商品、商品详细信息展示、登录、注册、用户购物车、订单结算
关联路由 map
启动路由 start(App,'#box');//第一个参数是准备的根组件,第二个参数是要捆绑的位置就是自己定义的id中
github上vue-router下载地址:https://github.com/vuejs/vue-router
关于路由跳转的简单代码如下:










