每天分享几个面试题(九)

每天分享几个面试题(一)

每天分享几个面试题(二)

每天分享几个面试题(三)

每天分享几个面试题(四)

每天分享几个面试题(五)

每天分享几个面试题(六)

每天分享几个面试题(七)

每天分享几个面试题(八)

1. VueRouter是什么, 有那些组件

• Vue Router 是官方的路由管理器。它和 Vue.js 的核心深度集成，路径和组件的映射关系, 让构建单页面应用变得易如反掌。

• router-link 实质上最终会渲染成a链接

• router-view 子级路由显示

• keep-alive 包裹组件缓存

2. router和route的区别

route相当于正在跳转的路由对象，可以从route里面获取[hash]，name ，path，query，matched等属性方法 router 是VueRouter的实例，router是一个全局的路由对象，里面有很多的属性和方法 ，比如：router.push,route.options等等

3. 路由开发的优缺点

优点：

• 整体不刷新页面，用户体验更好

• 数据传递容易, 开发效率高

缺点：

• 开发成本高(需要学习专门知识)

• 首次加载会比较慢一点。不利于seo

4. VueRouter的使用方式

1. 使用Vue.use( )将VueRouter插入

2. 创建路由规则

3. 创建路由对象

4. 将路由对象挂到 Vue 实例上

5. 设置路由挂载点

5. 路由跳转有那些方式

2、this.$router.push()跳转到指定的url，并在history中添加记录，点击回退返回到上一个页面

3、this.$router.replace()跳转到指定的url，但是history中不会添加记录，点击回退到上上个页面

4、this.$router.go(n)向前或者后跳转n个页面，n可以是正数也可以是负数

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

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