2022前端面试题《81题-100题》（全部更新完成）

81、如何获取dom

ref="domName" 用法：this.$refs.domName

82、axios及安装?

请求后台资源的模块。npm install axios --save装好，
js中使用import进来，然后.get或.post。返回在.then函数中如果成功，失败则是在.catch函数中。

83、请说出vue.cli项目中src目录每个文件夹和文件的用法？

assets文件夹是放静态资源；components是放组件；router是定义路由相关的配置; app.vue是一个应用主组件；main.js是入口文件。

84、渐进式框架的理解

主张最少；可以根据不同的需求选择不同的层级

85、vue-router 有哪几种导航钩子?

三种，

第一种：是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。

第二种：组件内的钩子

第三种：单独路由独享组件

86、6.$route 和 $router 的区别

$router是VueRouter的实例，在script标签中想要导航到不同的URL,使用$router.push方法。返回上一个历史history用$router.to(-1)

$route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。

87、vue更新数组时触发视图更新的方法

push()；pop()；shift()；unshift()；splice()； sort()；reverse()

88、Vue-router跳转和location.href有什么区别

使用location.href='/url'来跳转，简单方便，但是刷新了页面；

使用history.pushState('/url')，无刷新页面，静态跳转；

引进router，然后使用router.push('/url')来跳转，使用了diff算法，实现了按需加载，减少了dom的消耗。

其实使用router跳转和使用history.pushState()没什么差别的，因为vue-router就是用了history.pushState()，尤其是在history模式下。

89、axios的特点有哪些8个（从、n、支、拦、转、取、自、a）

1. 从浏览器中创建XMLHttpRequests；
2. node.js创建http请求；
3. 支持Promise API；
4. 拦截请求和响应；
5. 转换请求数据和响应数据；
6. 取消请求；
7. 自动换成json。
8. axios中的发送字段的参数是data跟params两个，

两者的区别在于

params是跟请求地址一起发送的，

data的作为一个请求体进行发送

params一般适用于get请求

data一般适用于post put 请求。

90、params和query的区别

query刷新不会丢失query里面的数据

params刷新 会 丢失 params里面的数据。

91、delete和Vue.delete删除数组的区别