前端面试题（6）关于vue 方面的 axios 是干啥的等等

目录

目录

1.、vue 中的template标签是干什莫的呀！！！

2 export是什么?

3 vuex中的namespaced是干什莫的？

4、 vue 中dispatch和commit的区别是什么？

5什么是 axios？

6、axios 具有什么特点？

7.添加请求拦截器（要求默写）*****重点重点

---

1.、vue 中的template标签是干什莫的呀！！！

template标签，HTML5提供的新标签，更加规范和语义化 ；可以把列表项放入template标签中，然后进行批量渲染

2 export是什么?

(1)、export主要用于对外输出本模块变量的接口，一个文件就可以被理解为一个模块。export就是导出。

 （2、import就是在一个模块中加载另一个含有export接口的模块， import就是导入。

export default和export都能导出一个模块里面的常量，函数，文件，模块等，在其它文件或模块中通过import来导入常量，函数，文件或模块。这样就可以使用它们了。但是，在一个文件或模块中，export,import可以有多个，export default却只能有一个。

 （3、  通过export方式导出，在导入的时候需要加{}大括号，export default 就不需要{}

3 vuex中的namespaced是干什莫的？

如果希望你的模块具有更高的封装度和复用性，你可以通过添加 namespaced: true 的方式使其成为命名空间模块。当模块被注册后，它的所有 getter、action 及 mutation 都会自动根据模块注册的路径调整命名。

4、 vue 中dispatch和commit的区别是什么？

dispatch：含有异步操作，例如向后台提交数据，写法： this.$store.dispatch('mutations方法名',值)

commit：同步操作，写法：this.$store.commit('mutations方法名',值)
 

5什么是 axios？

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

6、axios 具有什么特点？

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

7.添加请求拦截器（要求默写）*****重点重点

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  });