排序
[vue3] patchFlags与位运算
[vue3] patchFlags与位运算,Vue3在编译template的过程中会分析模板中的动态部分和静态部分,并标记相应的flag,用于在运行时优化虚拟DOM的更新。 Parse:将模板字符串解析成AST; Transform:对...
使用 abortNavigation 阻止导航
使用 abortNavigation 阻止导航, title: 使用 abortNavigation 阻止导航 date: 2024/8/3 updated: 2024/8/3 author: cmdragon excerpt: 摘要:在Nuxt3中,abortNavigation是一个辅助函数,用于...
VUE动态路由和按钮的实现
VUE动态路由和按钮的实现,动态路由 动态菜单 //通过循环组件完成动态菜单 <el-menu active-text-color='#ffd04b' background-color='#545c64' class='el-menu-vertical-demo' text-color='#f...
【vue3】详解单向数据流,大家千万不用为了某某而某某了。
【vue3】详解单向数据流,大家千万不用为了某某而某某了。,总览 Vue3 的单向数据流 尽信官网,不如那啥。 vue的版本一直在不断更新,内部实现方式也是不断的优化,官网也在不断更新。 既然一切...
一个纯前端实现的头像生成网站
一个纯前端实现的头像生成网站,大家好,我是 Java陈序员。 今天,给大家介绍一个纯前端实现的头像生成网站。 关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算...
使用 $fetch 进行 HTTP 请求
使用 $fetch 进行 HTTP 请求, title: 使用 $fetch 进行 HTTP 请求 date: 2024/8/2 updated: 2024/8/2 author: cmdragon excerpt: 摘要:文章介绍了Nuxt3中使用\(fetch进行HTTP请求的方法,它是...
用了组合式 (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] patchFlags与位运算-拾光赋](https://cos.blogs.ink/wp-content/uploads/2024/10/3ca9cdffdd9c03d106e4679e2e418a00-300x187.webp)







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




