vue-router

一 :安装方式

a:CDN引入或者直接下载

b:npm安装  模块化工程


二:路由运作方式

a:使用路由

b:定义路由

c:根据定义option创建router实例

d:创建vue实例,挂载实例。

动态路由匹配:

a:{ path: '/user/:id', component: User }变量以冒号开头。

b:响应路由参数变化,因为路由参数导致多个路由渲染同一个组件,所以,组件生命周期钩子不会再执行了。

解决方法:复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch(监测变化)$route对象


三:编程式导航


四:命名路由   命名视图

        命名视图:一个路径,多个组件,渲染为多个视图。 (1:n)


五:路由重定向      路由别名

      路由重定向:路径改变了,然后路径匹配也跟着改变。

       路由别名:路径起个别名,但路由匹配的还是之前的。   


六:vue-router模式

       hash模式:默认

       history模式


七:路由懒加载


八:路由信息对象

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

推荐阅读更多精彩内容

友情链接更多精彩内容