Vue面试题总结06

1. 请说出路由配置项常用的属性及作用

路由配置参数：

path : 跳转路径 component : 路径相对于的组件 name : 命名路由 children :子路由的配置参数(路由嵌套) props : 路由解耦 redirect : 重定向路由

2. 编程式导航使用的方法以及常用的方法

路由跳转 ： this.$router.push() 路由替换 : this.$router.replace() 后退： this.$router.back() 前进 ：this.$router.forward()

3. Vue如何去除URL中的#

vue-router 默认使用 hash 模式，所以在路由加载的时候，项目中的 URL 会自带 “#”。如果不想使用 “#”， 可以使用 vue-router 的另一种模式 history：new Router ({ mode : 'history', routes: [ ]})

需要注意的是，当我们启用 history 模式的时候，由于我们的项目是一个单页面应用，所以在路由跳转的时候，就会出现访问不到静态资源而出现 “404” 的情况，这时候就需要服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 “index.html” 页面。

4. 说一下你在vue中踩过的坑

1. 第一个是给对象添加属性的时候，直接通过给data里面的对象添加属性然后赋值，新添加的属性不是响应式的

【解决办法】通过Vue.set(对象，属性，值)这种方式就可以达到，对象新添加的属性是响应式的

1. 在created操作dom的时候，是报错的，获取不到dom&