vue-router

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表;模块化的、基于组件的路由配置;路由参数、查询、通配符;基于 Vue.js 过渡系统的视图过渡效果;细粒度的导航控制;带有自动激活的 CSS class 的链接;HTML5 历史模式或 hash 模式,在 IE9 中自动降级;自定义的滚动条行为。

 由 前端来控制页面的跳转(但其实是个单页面),根据不同的url 地址展示不同的内容和页面。

优点:体验好,不需要每次从服务器获取全部,快速展现给用户;

 缺点:不利于SEO;使用浏览器的前进,后退键的时候会重新发送请求,没有合理的利用缓存;单页面无法记住之前滚动的位置,无法在前进和后退的时候记住滚动的位置。

一、安装

 安装  npm install vue-router  --save-dev,在src 目录下 新建 router 目录,目录下新建 index.js



二、核心

跳转:<router-link to=' '></router-link>    和   this.$router.push({path:' '})


 设置props:true 时获取动态路由的参数


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容