2024年最新vue 中router-link属性设置，2024年最新阿里巴巴面试技巧

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

append

============================================================================================================================================

• -类型: boolean

• 默认值: false

设置 append 属性后，则在当前（相对）路径前添加基路径。例如，我们从 /a 导航到一个相对路径 b，如果没有配置 append，则路径为 /b，如果配了，则为 /a/b

tag

=========================================================================================================================================

• 类型: string

• 默认值: “a”

有时候想要 <router-link> 渲染成某种标签，例如 <li>。 于是我们使用 tag prop 类指定何种标签，同样它还是会监听点击，触发导航。

foo

• foo

• active-class

  ==================================================================================================================================================

  • 类型: string

  • 默认值: “router-link-active”

  设置 链接激活时使用的 CSS 类名。默认值可以通过路由的构造选项 linkActiveClass 来全局配置。

  about

  默认值通过路由的构造选项 linkActiveClass 来全局配置,如下示例：

  export default new Router({

  mode:‘history’,

  linkActiveClass:‘is-active’,

  routes: [

  {

  path:‘/about’,

  component:about

  }

  ]

  })

  exact

  ===========================================================================================================================================

  • 类型: boolean

  • 默认值: false

  “是否激活” 默认类名的依据是 inclusive match （全包含匹配）。 举个例子，如果当前的路径是 /a 开头的，那么<router-link to="/a">也会被设置 CSS 类名。

  按照这个规则，<router-link to="/"> 将会点亮各个路由！想要链接使用 “exact 匹配模式”，则使用 exact 属性：

  ---

  路由实例方法：

  1、push()

  // 字符串

  this.$router.push(‘home’)

  // 对象

  this.$router.push({ path: ‘home’ })

  // 命名的路由 变成 /user/123

  this.$router.push({ name: ‘user’, params: { userId: 123 }})

  // 带查询参数，变成 /register?plan=123

  this.$router.push({ path: ‘register’, query: { plan: ‘123’ }})

  注意：push方法的跳转会向 history 栈添加一个新的记录，当我们点击浏览器的返回按钮时可以看到之前的页面。

  2、go()

  JavaScript 和 ES6

  在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

  

  如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】