排序
用了组合式 (Composition) API 后代码变得更乱了,怎么办?
用了组合式 (Composition) API 后代码变得更乱了,怎么办?,前言 组合式 (Composition) API 的一大特点是“非常灵活”,但也因为非常灵活,每个开发都有自己的想法。加上项目的持续迭代导致我们...
使用 useState 管理响应式状态
使用 useState 管理响应式状态, title: 使用 useState 管理响应式状态 date: 2024/8/1 updated: 2024/8/1 author: cmdragon excerpt: 摘要:本文详细介绍了在Nuxt3框架中使用useState进行响应式...
[vue3] Vue3 自定义指令及原理探索
[vue3] Vue3 自定义指令及原理探索, Vue3除了内置的v-on、v-bind等指令,还可以自定义指令。 注册自定义指令 全局注册 const app = createApp({}) // 使 v-focus 在所有组件中都可用 app.direct...
使用 `useServerSeoMeta` 优化您的网站 SEO
使用 `useServerSeoMeta` 优化您的网站 SEO, title: 使用 useServerSeoMeta 优化您的网站 SEO date: 2024/7/31 updated: 2024/7/31 author: cmdragon excerpt: 摘要:本文介绍了Nuxt3框架中的us...
加油,为Vue3提供一个可媲美Angular的ioc容器
加油,为Vue3提供一个可媲美Angular的ioc容器,为什么要为Vue3提供ioc容器 Vue3因其出色的响应式系统,以及便利的功能特性,完全胜任大型业务系统的开发。但是,我们不仅要能做到,而且要做得更...
这本vue3编译原理开源电子书,初中级前端竟然都能看懂
这本vue3编译原理开源电子书,初中级前端竟然都能看懂,前言 众所周知vue提供了很多黑魔法,比如单文件组件(SFC)、指令、宏函数、css scoped等。这些都是vue提供的开箱即用的功能,大家平时用这...
[vue3] Vue3源码阅读笔记 reactivity – collectionHandlers
[vue3] Vue3源码阅读笔记 reactivity - collectionHandlers, 源码位置:https://github.com/vuejs/core/blob/main/packages/reactivity/src/collectionHandlers.ts 这个文件主要用于处理Set、Ma...
使用 useSeoMeta 进行 SEO 配置
使用 useSeoMeta 进行 SEO 配置, title: 使用 useSeoMeta 进行 SEO 配置 date: 2024/7/30 updated: 2024/7/30 author: cmdragon excerpt: 摘要:本文介绍了Nuxt3中的useSeoMeta组合函数,用于简...
[vue3] Vue3源码阅读笔记 reactivity – baseHandlers
[vue3] Vue3源码阅读笔记 reactivity - baseHandlers, 源码位置:https://github.com/vuejs/core/blob/main/packages/reactivity/src/baseHandlers.ts baseHandler用于处理对象、数组类型的gett...
Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig
Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig, title: Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig date: 2024/7/29 updated: 2024/7/29 author: cmdragon excerpt: 本文详细...
axios中的那些天才代码!看完我实力大涨!
axios中的那些天才代码!看完我实力大涨!,🧑 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 axios的两种调用方式 经常调接口的同学一定非常熟悉aixos下面的两种使用方式: axios(config) // 配置式请...
70%的人都答错了的面试题,vue3的ref是如何实现响应式的?
70%的人都答错了的面试题,vue3的ref是如何实现响应式的?,前言 最近在我的vue源码交流群有位面试官分享了一道他的面试题:vue3的ref是如何实现响应式的?下面有不少小伙伴回答的是Proxy,其实...


![[vue3] Vue3 自定义指令及原理探索-拾光赋](https://cos.blogs.ink/wp-content/uploads/2024/10/cb3469be9c4538aa3c63780b526d984c-300x187.webp)



![[vue3] Vue3源码阅读笔记 reactivity - collectionHandlers-拾光赋](https://cos.blogs.ink/wp-content/uploads/2024/10/fcc2a736414e3a831bb94f39333ecf30-300x187.webp)

![[vue3] Vue3源码阅读笔记 reactivity - baseHandlers-拾光赋](https://cos.blogs.ink/wp-content/uploads/2024/10/463cbed23c6620511323342f9b16f426-300x187.webp)




