前面的几个章节中，我们已经分别介绍了Vue3中的组件，路由和数据的使用，并实现了简易版本的vue-router和Vuex，这三个是组成Vue的重要部分，Vue作为数据驱动的前端框架，数据从哪里来呢？ 我们都知道，自从前后端分离后，业务逻辑数据都由后端进行维护处理，前端通过网络请求到数据后，进行展示渲染，在实际开发中，我们有常用的axios之类的网络…

在页面布局中，我们经常会遇到/使用这么一类常见的布局，也就是列表内容水平居中于容器中，像是这样： <ul class="g-contaner"> <li></li> <li></li> </ul> ul { width: 500px; display: flex; flex-d…

上一节中，我们已经介绍了Vue3中的核心功能之一的路由系统，并根据原理简单的实现了前端路由，到目前为止，我们已经学习了Vue3中的组件和路由，除了组件和路由，Vue中还有另外一个重要的部分——那就是数据。 我们都知道Vue框架是通过数据驱动的，所以数据的重要性不言而喻，那么有哪些数据需要管理又是如何进行管理的呢？本节我们就来聊一聊Vue3中的数据管…

上一节中我们介绍了Vue3中的过渡与动画，最后介绍了如何在切换组件的时候增加过渡动画，当我们切换login和home页面的时候，会发现浏览器路径后面多了个/#/login、/#/home，并且在页面不刷新的情况下，就更新了局部的组件内容，而这就是由我们的路由系统控制的。 路由系统是Vue项目中的核心功能，包括在我们前面的章节中，也曾多次的涉及到路由…

在前两节中，我们已经完整的介绍了Vue3中的组件化开发以及如何去灵活地使用组件，在掌握了组件相关的开发技能后，相信对于大家来说，实现一个自定义的组件已经不是什么问题了。 虽然在技术上没有什么难点了，但我们实现的组件相比与ElementUI这些成熟的UI框架来说，我们会发现在一些细节上还存在差距，还是以我们的弹框组件为例，ElementUI中的弹框在…

上一节中，我们已经介绍了如何使用组件化来开发你的项目，并实现了一个简单的弹框组件，在我们的日常开发中，类似这样的弹框组件，其实是有很多的细节需要进行处理的，而我们一般会引入做的比较成熟的第三方UI框架，比如ElementUI。 当我们在调用UI框架中的组件时，会发现常用的调用方式有两种，一种是直接在页面中嵌入组件： <el-dialog v-…

在上一节中，我们已经搭建了一个简单的Vite+Vue3的项目，并且引入了路由管理，实现了路由的切换跳转，那么接下来我们就要讲一些在实际开发中会使用到的东西，进一步完善我们的Vue3知识体系。 组件化一直都是Vue的重要组成部分，当然不仅仅在Vue中，可以说在任何一个项目中，我们都可以找到组件化的影子，既然组件化这么的重要，那么我们今天就来聊一聊Vu…

从上一节中，我们已经从原理上分析了Vite为什么这么快，相信大家都迫不及待的想用Vite来搭建一个项目了，本章节中，我们会手把手地带大家从头开始使用Vite+Vue3搭建一个项目。 在这个过程中，我们会逐渐地接触到Vue的组件化开发、VueX、Vue-router等全家桶内容，我们会在接下来的几节中依次给大家讲解，这也是一个渐进式的过程，最终帮助大…