vue router

概念:路由的本质就是对应关系

分类:前端路由 (用户事件与 事件处理函数之间的关系)  和  后端路由 (url地址与后台数据之间的关系)

SPA:SPA单页面应用程序     内容变化通过发送AJAX来请求渲染更新(无刷新)同时支持浏览器的前进和后退

SPA原理:通过URL中的hash的变化来改变页面内容

基于URL中的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换)

Router的基本使用

第一:安装引入路由 script src。。。。。

第二:添加路由链接  router-link /  router-link to=" "

第三:路由填充位  router-view

第四: 定义路由组件 template 

第五:创建路由实例和配置路由    var router = new VueRouter ({  

 rouerts:[  {path:'/user',component:User},]

第六:把路由挂在到实例上 main 上挂在 router


路由重定向 :redirect

嵌套路由:父子路由嵌套

路由传参:三种方式 $route.push(name:id)     $router.params()    $router.query()

路由解耦:props为布尔值

vue-router编程式导航:声明式导航   (router-link)

                                          编程式导航($router.push()    $router.go()   $router.back() )

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容