赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。

在 Vue3 的项目开发中，组件化是一个核心特性，它可以让我们将页面拆分成多个小的、可复用的组件，从而提高代码的可维护性和可复用性。而在使用 Vue 组件之前，我们需要先对其进行 “注册”，这样 Vue 才能在渲染模板时找到其对应的实现。本文将详细介绍 Vue3 中四种常见的组件注册方式，希望能帮助你更好地掌握 Vue3 的组件注册技巧。

使用 Vue3 + ElementPlus 开发前端项目时，切换登录表单组件时控制台报错 `ElementPlusError: [ElForm] unexpected width 0`，

Layout 布局组件快速搭建：1. 设置主题样式变量2. 封装公共布局组件3. 经典布局4. 水平布局5. 响应式布局6. 搭建 Layout 布局组件7. 添加 Layout 路由配置8. 启动项目

Vite 是一个现代化的前端构建工具，支持快速的开发和构建过程。在 Vite 中，环境变量起着至关重要的作用，可以根据不同的环境加载不同的配置，方便开发和部署。在你提供的内容中，详细介绍了 Vite 中环境变量的相关内容，包括内置的环境变量、.env 文件的加载规则、业务代码中获取变量的方法、在 HTML 文件中获取变量的方式、在 vite.config.ts 中获取变量的方法等。此外，还介绍了如何自定义变量的前缀以及指定加载 .env 文件目录的方式。

使用 Vue 官方脚手架初始化 Vue3 项目：1. 安装 Node 环境2. 切换 NPM 镜像源3. 安装 Pnpm 包管理工具4. 使用 Vue 官方脚手架初始化项目5. 认识 Vue 项目目录结构6. 统一包管理器工具下载依赖7. 项目环境变量配置8. 安装 Element Plus9. 集成 sass 配置全局变量10. 清除浏览器默认样式11. 安装 Tailwind CSS12. 封装 SvgIcon 组件13. 安装 Piana 持久化插件

图片点击放大，再次点击或者滚动窗口或者按 ESC 键即可恢复原始大小，非常流畅，使用方法也非常简单，引入zoom.js和zoom.css文件之后，对图片添加。1，将 zoom.js 和 zoom.css 文件引入。2，引入transition.js或者。

安装 Node.js 通常会自动附带安装 npm，所以你不需要单独安装 npm。只需确保 Node.js 版本符合要求即可。安装完成后，可以使用 pnpm 来代替 npm 进行包管理。首先，确保已经安装了 Node.js 和 npm。这将使用 pnpm 来安装项目所需的包，而不是使用默认的 npm。这将全局安装 pnpm。

深入了解 Vue 3 组件间通信机制

深入理解 Vue 3 计算属性：优雅地处理响应式数据计算

Vue3 数字滚动插件 vue-countup-v3

黑马程序员前端 Vue3 小兔鲜电商项目——（十二）会员中心

黑马程序员前端 Vue3 小兔鲜电商项目——（十一）支付页

黑马程序员前端 Vue3 小兔鲜电商项目——（十）订单页

黑马程序员前端 Vue3 小兔鲜电商项目——（九）购物车

黑马程序员前端 Vue3 小兔鲜电商项目——（八）登录页面

黑马程序员前端 Vue3 小兔鲜电商项目——（七）详情页

黑马程序员前端 Vue3 小兔鲜电商项目——（六）二级分类页

黑马程序员前端 Vue3 小兔鲜电商项目——（五）一级分类页

黑马程序员前端 Vue3 小兔鲜电商项目——（四）Home 页面布局

黑马程序员前端 Vue3 小兔鲜电商项目——（三）Layout 首页页面布局

黑马程序员前端 Vue3 小兔鲜电商项目——（一）初始化项目