前言 在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新），我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。今天这篇文章我将带你学会，在vue3中如何去动态加载远程组件。 欧阳写了一本开源电子书vue3编译原理揭秘，这本书初中级前端能看懂。 ...

title: 清除 Nuxt 数据缓存：clearNuxtData date: 2024/8/6 updated: 2024/8/6 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt.js框架中的clearNuxtData方法，用于清除useAsyncData和use ...

本文解析了 Vue3 组件初次渲染的流程，涵盖应用程序初始化、核心渲染步骤，以及 vnode 的创建和渲染，探讨了 Vue3 内部机制及其跨平台实现的关键细节。 ...

title: 使用 clearError 清除已处理的错误 date: 2024/8/5 updated: 2024/8/5 author: cmdragon excerpt: 摘要：“文章介绍了clearError函数的作用与用法，用于清除已处理的错误并可实现页面重定向，提升用户体验。通过示例展示 ...

title: 使用 addRouteMiddleware 动态添加中间 date: 2024/8/4 updated: 2024/8/4 author: cmdragon excerpt: 摘要：文章介绍了Nuxt3中addRouteMiddleware的使用方法，该功能允许开发者动态添加路由中间件 ...

Vue2存在源码可维护性差、性能问题和API兼容性不足等缺点。Vue3通过monorepo管理、TypeScript开发、性能优化和引入Composition API等方式，显著提升了源码可维护性、编程体验、TypeScript支持和逻辑复用实践，从源码、性能和语法API三方面进行了优化。 ...

Vue 3在编译template过程中，会通过patchFlags优化虚拟DOM更新，提升性能。这些标志通过位运算进行操作，包括动态文本、类、样式、属性、静态提升等。patchFlags的使用极大地提高了diff算法的效率。 ...

title: 使用 abortNavigation 阻止导航 date: 2024/8/3 updated: 2024/8/3 author: cmdragon excerpt: 摘要：在Nuxt3中，abortNavigation是一个辅助函数，用于路由中间件内阻止不符合条件的页面访问，实现权限控 ...

动态路由 动态菜单 //通过循环组件完成动态菜单 <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo" text-color="#fff" :collapse="is ...

总览 Vue3 的单向数据流 尽信官网，不如那啥。 vue的版本一直在不断更新，内部实现方式也是不断的优化，官网也在不断更新。 既然一切皆在不停地发展，那么我们呢？等着官网更新还是有自己的思考？ 我觉得我们要走在官网的前面，而不是等官网更新后，才知道原来可以这么实现。。。 我习惯先给大家一个整体的概 ...

vue-color-avatar —— 一款基于 Vite + Vue3 实现的矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。 ...

title: 使用 $fetch 进行 HTTP 请求 date: 2024/8/2 updated: 2024/8/2 author: cmdragon excerpt: 摘要：文章介绍了Nuxt3中使用\(fetch进行HTTP请求的方法，它是基于ofetch库，支持SSR和自动缓存。\)fet ...

组合式 (Composition) API 的一大特点是“非常灵活”，但也因为非常灵活，也可能导致我们的代码变得愈发混乱，最终到达无法维护的地步。 ...

title: 使用 useState 管理响应式状态 date: 2024/8/1 updated: 2024/8/1 author: cmdragon excerpt: 摘要：本文详细介绍了在Nuxt3框架中使用useState进行响应式状态管理的方法，包括其基本概念、优势、使用方法、共享状态实现 ...

这篇文章记录了在Vue3中如何在全局或者组件内部注册自定义事件，并通过阅读源码探索自定义事件的实现原理。 ...

title: 使用 useServerSeoMeta 优化您的网站 SEO date: 2024/7/31 updated: 2024/7/31 author: cmdragon excerpt: 摘要：本文介绍了Nuxt3框架中的useServerSeoMeta函数，它用于服务器端渲染(SSR)中 ...

Vue3完全胜任大型业务系统的开发。但是，我们不仅要能做到，而且要做得更好。大型业务系统的关键就是解耦合，从而减缓shi山代码的生长。而ioc容器是目前最好的解耦合工具。 ...

众所周知vue提供了很多黑魔法，比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能，大家平时用这些黑魔法的时候有没有疑惑过一些疑问呢。 ...

这篇笔记记录了Vue3的源码中响应式模块的部分内容，介绍了Vue3是如何通过Proxy拦截对Map、Set等集合类型的操作来实现响应式的 ...

title: 使用 useSeoMeta 进行 SEO 配置 date: 2024/7/30 updated: 2024/7/30 author: cmdragon excerpt: 摘要：本文介绍了Nuxt3中的useSeoMeta组合函数，用于简化和优化网站的SEO配置。通过这个工具，开发者可以 ...