在 Vue 3 中，reactive 函数是 Composition API 的一部分，用于创建一个响应式对象。这意味着当你改变这个对象的属性时，任何依赖于这些属性的组件或计算属性都会自动更新。

在编写代码时，随着项目的扩大和功能的增加，我们往往会引入越来越多的外部库和模块，这就导致了import语句数量的激增。然而，过多的import语句不仅会使代码显得杂乱无章，还可能隐藏一些潜在的问题，如未使用的导入、导入顺序混乱等。

Popup弹出层在前端开发中算是一个比较常见的组件，弹出层在出现和消失时有一个展开收起的过渡动画，例如vant-Popup这样

封装组件是为了能够更加便捷、快速的进行业务功能的开发。组件可以实现一些类似功能的复用及与其它业务逻辑的解耦。在开发中，我们难免会写很多类似的、重复的代码，有些相似的功能但涉及的字段有一些不一样。这时候可以把那些相同的功能，抽出来封装成组件，通过组件引用方式就很省事了。

在绝大多数情况下，Vue 推荐使用模板语法来创建应用。然而在某些使用场景下，我们真的需要用到 JavaScript 完全的编程能力。这时渲染函数就派上用场了。

我们在开发的过程中遇到父组件传参到子组件后，子组件需要对传过来的数据进行修改，就需要重新定义一个实例来接收父组件传递过来的数据。当改变父组件的的数据后，子组件中定义的值需要监听到父组件中数据的变化，也就是需要监听props中的数据。我们需要用到vue3中的侦听器watch

今天咱们来说一下vue和uniapp的优化，这个防抖和节流已经是一个老生常谈的话题了

在vue项目中引入vant组件，若发现vant组件样式失效，通常有以下几种解决方法：

在实现前端应用和后端 API 服务器没有运行在同一个主机上，需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

Eruda 是一个专为前端移动端设计的调试面板，类似Chrome DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、显示性能指标、捕获XHR请求、显示本地存储和 Cookie信息、浏览器特性检测等等。

今天给大家推荐一款vue3 按需加载神器 unplugin-vue-components

当token过期的时候，刷新token,前端需要做到无感刷新token,即刷token时要做到用户无感知，避免频繁的登录

默认安装完编辑器只有基本功能，如果还需要上传图片，插入表格之类的功能就需要添加插件如添加上传图片和插入表格的插件

TinyMCE 是富文本编辑器领域的头部玩家之一，主流富文本编辑器，功能非常全，你需要的大多数功能它都支持。排出复杂又美观文章样式，代码高亮等都是基础功能。它甚至有点像在线版的 Word，可以在顶部的各种菜单中找到你要的功能。