# vue3_73

**Repository Path**: ifercarly/vue3_73

## Basic Information

- **Project Name**: vue3_73
- **Description**: Vue3 73 期上课记录
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2022-05-21
- **Last Updated**: 2022-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 73

## README

## 0. Vue3 总结

第 1 天：https://www.processon.com/view/link/628b637d1e08533ae71afc98

## 1. 说一下你对 Vue3 的理解/了解？

- 性能更高了。

  - 响应式的原理变成了 Proxy；

  - VNode Diff 算法进行了优化；

- 体积更小了。

  - 所有的 API 都是按需导入，能配合 Webpack 支持 Tree Shaking；

  - 删除了不常用的一些特性 / API，filter、Event Bus...

- 对 TS 支持更好了。

  - 本身就是用 TS 写的。

- Composition API（组合 API）。

  - 对于开发大型项目更利于代码的组织和复用。

- 新增加了一些特性（Fragment、Suspense、Teleport...）。

## 2. CDN 是什么？从哪儿来的？

- 是什么：内容分发网络。
- 用什么：国内最常用的是七牛 CDN，公司花钱购买空间。

## 3. 接口出现跨域了，你是怎么处理的？

- CORS：后端通过设置响应头 `Access-Control-Allow-Origin` 来允许某个域名是否可以跨域访问。

- 代理服务器：通过配置 `vue.config.js` 中的 devServer 的 proxy 选项来进行处理。

- `正向代理：代理的是客户端；反向代理：代理的是服务端。`

## 4. 除了变量、嵌套，你还使用过哪些和 Less/Sass 相关的特性？

混入、计算、函数、判断、循环...

## 5. 我作为这个系统的使用者，你来描述一下我该怎么用？

**画面感**...

## 6. 介绍一个你封装的组件？用到了哪些技术点？

- 每一个 `.vue` 文件就可以说是一个大的组件，一般称为业务组件。
- 第三方的 UI 组件，Element UI、Vant。
- 每一个路由页面的面包屑组件、每一个路由页面的公共标题、编辑和新增功能的组件封装、上传组件...
- <font color=e32d40>传值和检验、插槽和作用域插槽、自定义事件。</font>
- 作用域插槽：可以在父组件拿到子组件的数据，在父组件加工处理之后再交给子组件去使用。

## 7. 登录的流程说一下？

- 前端收集数据 => 校验数据 => 提交数据到后端，后端返回 token => 前端拿到 token 之后做了 2 件事情  => 第一件事件存储到本地（持久化） => 同步到 Vuex（方便使用和响应式）。

- 请求拦截器统一携带 Token。

- 响应拦截器根据后端返回的 401，做退出的处理。