摘要: 默认每次跳转一个路由会销毁原路由对应的组件并创建新路由对应的组件,不会保留状态 如果希望保留状态,可以使用keep alive keep alive是Vue内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 router view是一个组件,如果直接被包含在keep alive内,所有路径匹 阅读全文
posted @ 2020-02-21 22:07 kanaliya 阅读(178) 评论(0) 推荐(0)
摘要: 全局守卫 全局守卫按照创建顺序调用 1.前置守卫 注意,如果有嵌套路由,则不能直接使用to.meta 可以在to或者from中找到matched数组,里面存有父路由与子路由的属性 2.后置钩子 后置钩子(afterEach)不需要使用next() 路由独享守卫 组件内守卫 const Foo = { 阅读全文
posted @ 2020-02-21 16:51 kanaliya 阅读(217) 评论(0) 推荐(0)
摘要: 传递参数主要有两种类型:params及query params的类型: 1.配置路由格式:/router/:id 2.传递方式:在path后面跟上对应的值 3.传递后形成的路径:/router/123 /router/abc 使用router link: 使用代码的方式: 接收参数时使用$route 阅读全文
posted @ 2020-02-21 12:01 kanaliya 阅读(290) 评论(0) 推荐(0)
摘要: 比如在home页面中,希望通过/home/news及/home/message访问一些内容 一个路径映射一个组件,访问这两个路径也会分别渲染两个组件 实现嵌套路由有两个步骤: 1.创建对应的子组件,并且在路由映射中配置对应的子路由 2.在组件内部使用标签 路由配置: 父组件(home): 阅读全文
posted @ 2020-02-21 09:49 kanaliya 阅读(263) 评论(0) 推荐(0)