重学vue,及其生态

如果想要看3.5完整版api，你需要看英文版的vue官网API Reference | Vue.js (vuejs.org)。 以下API测试学习仅在<script setup>语法中使用。 响应式

书接上回《前端大量数据层级展示及搜索定位预览》，在做数据预览的时候查找了一些表格组件，其中ag-grid组件功能强大，恰好公司其他项目组也用的是这个组件。由于该组件是国外的，文档全英，下面来介绍一下这

在此之前也做了好多个vue3项目，这次通过coderwhy老师的视频，系统的学习一下vue3。 仿知乎项目 https://github.com/zhang-glitch/miaomiaollm

认识前端路由 路由的概念在软件工程中出现，最早是在后端路由中实现的，原因是web的发展主要经历了这样一些阶段： 后端路由阶段。 前后端分离阶段。 单页面富应用（SPA）。 下面我们就来介绍一下这些阶段

HTML如何渲染到浏览器 我们传统的前端开发中，我们是编写自己的HTML，最终被渲染到浏览器上的，那么它是什么样的过程呢？ 直接通过编写的html元素，渲染成真实的dom树，然后就渲染到浏览器了。 虚

什么是状态管理 在开发中，我们会的应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序中的某一个位置，对于这些数据的管理我们就称之为是 状态管理。 在vue项目中我们是如何管理自己的状态呢？

由于自己工作主要的技术栈是vue，感觉最近自己每天都是代码搬运工，很无聊，就想着去系统学习vue3源码，提升自己对vue的理解能力。但是每次遇到自己不是很懂得知识后，就放弃思考，也就没了继续学习的想法

计算属性 computed 计算属性computed会基于其响应式依赖被缓存，并且在依赖的响应式数据发生变化时重新计算。 计算属性也是一个ref对象。 测试用例 我们先来介绍一下执行流程，再看断点调试

前置知识 运行时 h函数生成vnode。 render函数渲染vnode，生成真实的dom。 dom树 runtime-core 和 runtime-dom分开编写的原因： 不同的宿主环境使用不同的a

尝试过vuex @4.x的同学都知道，对ts的支持不是很好，写起来不是很方便。不了解的同学请看这篇文章。 pinia简单介绍 Pinia是新一代的状态管理器，由 Vue.js团队中成员Phan An所

由于其他的都和好理解。当看vue官网的时候，看到在h函数中使用插槽的时候一脸懵逼。然后就在网上找一找解释。没有找到讲解好的。于是就又仔细看官网，最后无意间理解了。

在实现vue中地图可视化之前。我们先来看看如何渲染百度地图。 百度地图的简单使用 web中实现百度地图可视化 下面是一个百度地图绘制散点图的案列 下面就要介绍百度地图通过echarts在vue中实现可

创建一个Icon组件，供自定义的svg图标使用和iconfont图标使用 如何inconfont图标 访问iconfont官网，保存图标到自己创建的项目中，然后点击symbol的形式引入。 将js文件

文件上传要素 multipart互联网上的混合资源，就是资源由多种元素组成，form-data表示可以使用HTML Forms 和 POST 方法上传文件 自定义文件上传行为 这里我们需要自定义上传功

对el-form组件的二次封装 我们知道el-form-item组件需要传入一个基础的属性。 label: 表示表单每一项的标题。 rules: 表单验证配置 prop: 提供了rules，就需要配置

虽然现在又很多组件库，方便了我们的开发。但是自己对于组件的封装，对组件的认识也不能少。下面我们就来介绍一些常用组件的封装。 为了方便，我们的样式都使用bootstrap，方便开发。 下拉菜单 我们知道

最近也是在开发ts项目，代码中有很多泛型嵌套，所以总结一下关于ts的简单类型操作。 泛型 定义时不明确使用时必须明确成某种具体数据类型的数据类型。【泛型的宽泛】 编译期间进行数据类型检查的数据类型。【

为了方便操作，我们都会封装一些全局指令为项目服务，这也会作为一个项目团队的基建。具体自定义指令请看这里 想要开发一个全局自定义指令，我们需要了解其生命周期钩子。 binding 参数会是一个这样的对象