Vue2迁移Vue3，如何迁移？ 主要是生命周期的替换方便记忆Vue2bind - 指令绑定到元素后调用。只调用一次。inserted - 元素插入父 DOM 后调用。update - 当元素更新，但子元素尚未更新时，将调用此钩子。componentUpdated - 一旦组件和子级被更新，就会调用这个钩子。unbind - 一旦指令被移除，就会调用这个钩子。也只调用一次。Vue3created - 新增！在元素的 attribute 或事件监听器被应用之前调用。beforeUpdate：新增！
都2023了还不会Vue3？一篇笔记带你快速入门 Vue 3 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。你可以创建自定义的hooks来复用代码。一个自定义hook就是一个函数，它可以使用其他的响应式数据和组合式API。定义})return {count,increment使用
Vue3二次封装Table 在我们前端开发的过程中常见的需求有列表加分页加查询，尤其在后台管理系统中，在这里我封装了一套基于vue3 + element-plus + ts的组件，直接在组件中使用封装的组件和编写可配置文件即可,直接上代码，开箱即可用
vue template报错undefined 在 Vue 项目中，我们有时会遇到页面调用数据的问题，即在数据加载完成之前，页面已经尝试访问数据，导致出现 undefined 错误。数组中添加一个默认的对象，这样即使数据还未加载完成，页面也不会报错。数组非空且长度大于0时，才会渲染相关的 DOM。例如：一进入页面直接回显数据。1、可以通过给个默认值的方式。是一个空数组，尝试访问。
Vue3项目必备插件 为了获得对自动导入组件的TypeScript支持，Vue 3有一个PR扩展了全局组件的接口。目前，Volar已经支持这种用法。如果您使用的是Volar，您可以如下更改配置以获得支持。vue3 中另外一种name定义方式，直接写在script标签上。可以去antfu大佬的插件链接查看更多的配置。列举了一些 Vue 3项目中比较好用的插件。二、配置 vite.config.ts中。Vue3 中写调试代码需要name。[[Pinia#持久化]]Pinia持久化插件。
TailwindCSS的使用 使用@apply.menu {虽然@apply指令可以模块化样式，但避免早期抽象是好的。过度使用可能会增加最终CSS文件的大小。推荐优先使用内置的Tailwind工具和迭代流程，而不是自定义类。
UnoCss使用 UnoCSS: The instant on-demand Atomic CSS engine样式文档来源：UnoCSS给了我一个不用tailwindcss的理由 - 掘金集成 UnoCSS1. 修改 ,添加 unocss plugin2. 修改 和 Presets 预设Attributify preset例如：presetAttributify 可以在标签上直接写 CSS 样式Icon（图标）Icons preset安装：安装 时会自带 ，所以安装 图标就可以了所有可用
echarts tooltip 无法正常显示 技术栈：Vue3 + Echarts在 Vue3 中使用 Echarts 的时候，tooltip无法正常显示看看 echarts 的 options 有没有配置配置了但是还是没有显示tooltiptriggeritemaxis。
glob文件匹配规则 Glob是一种通配符语法，用于在文件系统中匹配文件名或路径匹配文件中0个或者多个字符，但是不会匹配路径中的分隔符，除非路径分隔符出现在末尾|-style|-subdir|-file3|-..../style/*匹配和，但不会匹配目录下的任何内容。要匹配./style/目录下的所有文件和子目录，包括子目录中的内容，可以使用递归通配符**，如./style/**或。匹配./style目录下所有的 ts 文件/style/*.*匹配。
ESLint和Prettier 代码规范是软件开发领域经久不衰的话题，随着前端应用的大型化和复杂化，越来越多的前端团队开始重视。在 package.json 文件中添加或替换 lint 命令。不以规矩，不能成方圆。
关注
