随笔分类 - Vue-router
摘要:将页面配置到路由 let routeData = this.$router.resolve({ name: "detail", query: {goodsId:'1111'} }); window.open(routeData.href, '_blank');
阅读全文
摘要:keep alive遇见vue router 是`Vue`内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 它们有两个非常重要的属性 字符串或正则表达,只有匹配的组件会被缓存 字符串或正则表达式,任何匹配的组件都不会被缓存 也是一个组件,如果直接被包在 里面,所有路径匹配到的视图组件都会被
阅读全文
摘要:什么是导航守卫? 提供的导航守卫主要用来监听监听路由的进入和离开的. 提供了 和`afterEach`的钩子函数, 它们会在路由即将改变前和改变后触发. 我们可以利用beforeEach来完成标题的修改 首先, 我们可以在钩子当中定义一些标题, 可以利用meta来定义 其次, 利用导航守卫,修改我们
阅读全文
摘要:嵌套路由 认识嵌套路由 嵌套路由是一个很常见的功能 比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件 路径和组件的关系如下: 实现嵌套路由有两个步骤: 创建对应的子组件, 并且在路由映射中配置
阅读全文
摘要:认识vue router 目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRouter React的ReactRouter Vue的vue router vue router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 我们可以访问其官方网
阅读全文
摘要:前端路由规则 前端路由的核心是改变URL,但是页面不进行整体的刷新 URL的hash也就是锚点( ), 本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式:pushState h
阅读全文