本文介绍了在Vue3开发uniapp项目中，如何通过unplugin-auto-import插件实现自动导入ref、computed等常用模块，避免了每次手动导入的繁琐。通过创建vite.config.js并配置自动导入，简化了脚本编写，使项目运行更加便捷。

开发项目的时候，如果后端接口没有出来，前端工程师也不必非得等接口出来才进行下步开发。可以使用mock.js来模拟接口数据，以下就是使用vue3设置hook函数来封装axios请求，配合mock.js来实现的代码，mock的官网。

本文主要记录下 vuedraggable拖拽 在和 vue3 中使用上的区别。

【代码】css3 变量 和 计算calc。

在开发uniapp Vue3版本的时候，不能像vue2的选项式API一样，可以直接使用onLoad、onShow等，在组合式API中需要先从“@dcloudio/uni-app”模块中导入才可以。uniapp页面生命周期函数与 Vue.js 的生命周期函数有所不同，因为 uni-app 是基于 Vue.js 的跨平台应用框架，因此它具有自己特定的生命周期函数。可以在这些生命周期函数中编写相应的逻辑

虽然 Vue2 很多项目在用，但是官方已经宣布不在维护 Vue2，所以新项目肯定首选 Vue3 来进行开发，组合式 API 开发起来比选项式 API 方便多了，而且 Vue3 的响应式实现也更加合理，对 typescript 的支持也更好，打包体积也更小，模板编译加入了静态节点提升的优化。Axios 无疑是当今 Http 请求库的王者，无论是 Node 还是浏览器端，它都能很好地支持，且配置起来比

窗口透明 无边框设置后生效 frame:false,二.渲染进程向主进程通信解决（比较推荐）一.渲染进程添加样式解决。

现在的互联网世界，用户可能用各种设备访问你的网站：有人用折叠屏手机，有人用iPad Pro，还有人用带鱼屏显示器。作为前端开发者，我们不能为每种设备单独开发一个网站（那得累死）。响应式设计就是来解决这个问题的——它让同一个页面在不同屏幕尺寸下自动调整布局，始终提供良好的阅读体验。流式布局、弹性图片、媒体查询。掌握了这三板斧，你就能让页面像水一样，装进任何形状的容器。响应式设计不是一项单独的技术，而

官方地址选择自己对应的版本进行下载安装完成后我们会发现是英文，这对我们这些英语不好的很不友好，所以就需要下载语言包。

其他配置请参考西瓜播放器配置进行。