复习知识点整理

Blizzard前端2024-04-08 13:11

零碎语法

1.导入某个文件夹的index文件，index可以省略（这里导入的是router和store文件下的index.js文件）

2.路由懒加载

this

1.在vue文件中使用router\store对象时

复制代码

this：普通函数的this指向vue实例对象(在没有明确指向的时候this指向window)
router和store挂载在vue上之后
在模板中使用 router或store的方法为 $router.xxx或$store.xxx
在方法中调用方式为：this.$router.xx或this.$store.xxx

2.在js文件中使用router\store对象时

使用什么需要导入时候，挂载在vue全局对象上的对象在vue文件中可以使用，在js文件中不能使用

网络通信

axios功能拆分写法

还可以配置拦截器

js 复制代码

import axios from 'axios'

// 下面是克隆一份新的axios
const request = axios.create({
  baseURL: 'http://interview-api-t.itheima.net',
  timeout: 5000
})
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 在发送请求之前做些什么
  // config === https://www.axios-http.cn/docs/req_config === 请求的配置对象
  const token = localStorage.getItem('mobile-token')
  config.headers.Authorization = `Bearer ${token}`
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

export default request

css预处理（Sass\Stylus\Less\Scss）

参考