DamonRen

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；

大家好，我是双越老师。本文我对比 Vue2 Vue3，把 React 22 个基础技能过一遍，看看 React 到底哪里难。也欢迎关注我的【划水AI】项目，使用 React Next.js 全栈开发。

创建项目 直接使用模板创建 安装 JSX 支持依赖 配置 vite.config.js Vue 中使用 JSX 在 Vue 组件中使用 显示效果 纯 JSX Vue 组件 JSX 在 Vue 中的特性

作为公司内的一名高级前端码喽，大大小小也封装过了不少组件和功能，我逐渐意识到封装并非全是优点，也会存在一些不可忽视的潜在劣势。 在项目中，我们急切地对各种功能和 UI 进行封装，却在不经意间忽略

目前掘金上已经有很多关于axios封装的文章。自己在初次阅读这些文章中，见识到很多封装思路，但在付诸实践时一直有疑问：这些看似高级的二次封装，是否会把`axios`的调用方式弄得更加复杂？

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 V…

前言 vue的 provide/inject 也是一种实现组件之间依赖注入的方式，但是他也会存在一些痛点。 依赖注入层级关系不明确。提供的值可以被任何后代组件访问到。这种方式虽然提高了组件的复用性，但

本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook，以及在实践场景中如何封装自己的 Vue Hook，带你走进 Hook 的世界，写出更优雅的代码。如果你觉得这篇文章写的不错，可以点赞支持

1. 通用组件（表单搜索+表格展示+分页器） 在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时