vue3

一、utils目录下新建utils.ts 一、新建腾讯地图组件 TencentMaps.vue 三、页面引用 四、知识点 1、搭建桥梁=>在setup中添加=>window.setSuggestion

element Table 封装。新建组件`mh-table`，页面：import type { MhTableInstance } from '/@/components/mh-table'

图片的url存在跨域问题,后端图片以base64的形式返回，前端则利用不同浏览器来处理，进行图片保存。

vu3点击下载图片的实现，同源策略：非base64图片保存，会存在跨域，后端返回base64格式进行保存图片操作

1、新建一个文件夹； 2、vue/cli全局安装：cnpm install -g @vue/cli 或者 npm install -g @vue/cli； 3、创建项目名称：vue create 项目

# 一、 setup（语法糖） ## **1、基本使用** 在vue3.2中不再需要进行return，当使用 ```` ```` ## **3、组件通信**

一、展开收起组件封装 （TextOverflow.vue） 二、引用组件（TextOverflow.vue）

一、在APP.vue文件添加keep-alive标签 二：在router路由文件下的相关路由中，添加meta属性keepAlive。 三：在页面中进行配置

一、vite已经将这个功能内置到了，所以我们只需要配置vite.config.js文件即可 vite.config.js文件 1.1 minify 为terser或者esbuild

一、注册自定义指令 1.1、全局自定义指令 1.11 在vue2中，全局自定义指令通过 directive 挂载到 Vue 对象上，使用 Vue.directive('name',opt)。

防抖和节流,本质上是优化高频率执行代码 如：浏览器的 resize、scroll、keypress、mousemove 等事件在触发时,会不断调用绑定事件,对这类事件采用防抖和节流进行调用次数的限制

一、axios异步并发 => 取消重复请求，只保留最后一次请求 1. AbortController (推荐) 2.CancelToken (不推荐)