首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Vue
米丘
创建于2026-03-10
订阅专栏
vue3.x(SFC编译、内置指令、内置组件、生命周期、响应式核心、组件渲染) vue-router5.x Pinia3.x
等 1 人订阅
共23篇文章
创建于2026-03-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Vue3 渲染模式全解析:CSR、预渲染、SSG、SSR 如何选择?
客户端渲染(CSR,Client‑Side Rendering) 使用 npm create vue@latest 或 npm create vite@latest 创建的 Vue3 项目,默认就是客
vue3.5 调度器(Scheduler)实现机制
Vue 3 的调度器(scheduler)内部维护了多个任务队列,用于控制副作用(effects)的执行时机。 前置任务队列 执行时机:在组件更新之前执行 前置任务存在的基础任务队列中 flushPr
vue3.5 patch
patch 在 Vue 3 中,patch 主要负责将虚拟 DOM(VNode)转换为真实 DOM,并在后续更新时高效地比较新旧 VNode 的差异,从而最小化 DOM 操作。 只对同层比较.
vue3.5 组件渲染机制
vue组件渲染机制。组件挂载、更新流程。组件setup函数,返回值依据是否异步分别进行处理。项目初始化流程、组件热更新入口。
vue3.5 响应式系统:依赖收集与派发更新
Vue 3 的响应式系统基于 Proxy 进行了彻底重构,相比 Vue 2 的 Object.defineProperty 方案,它能够拦截更多操作(如属性的添加/删除、数组索引和 length。
vue3.5 响应式系统:核心AP I(watch、computed)
watch 用于在响应式数据发生变化时,调用你提供的回调函数。它属于惰性侦听器:默认情况下,仅在侦听的数据实际改变时才会执行回调,而不是立即执行。
vue3.5 响应式系统:核心 API (ref、reactive)
Vue 3 的响应式系统基于 Proxy 提供了四种不同深度的 API,用于控制数据的响应式行为和读写权限。
vue3.5 单文件组件(SFC)样式编译过程
Vue 3 SFC(单文件组件,Single-File Component)中的样式编译,是一个将 <style> 块内的内容转换为浏览器可执行代码的构建时(build-time) 过程。
vue3.5 编译 script setup 编译过程
<script setup> 是 Vue 3 引入的一项革命性语法糖,它极大地简化了组合式 API 的书写体验:无需手动 return 暴露变量,自动处理组件注册,代码更加简洁。
vue3.5 编译宏(Macros)
Vue 3 的编译宏是专为 <script setup> 设计的编译时函数。它们由 Vue 编译器在构建阶段识别、处理,并最终转换为标准、高效的运行时代码。宏本身不会出现在最终的产物中,无需手动导入。
Vue 3.5 模板编译优化:静态提升、预字符串化与 Block Tree
Vue 3 在性能上的飞跃,很大程度上归功于编译时(compile-time)的深度优化。Vue 3 的编译器会尽可能多地分析模板,生成更高效的渲染函数代码。
vue3.5 内置指令有哪些?
Vue 3 提供了 14 个内置指令,用于在模板中实现响应式行为、DOM 操作和性能优化。v-cloak、v-html、v-slot等
Vue 3.5 单文件组件(SFC)模板编译过程解析
Vue 的单文件组件(Single-File Component,简称 SFC)以 .vue 为扩展名,将模板、逻辑和样式整合在一个文件中。
vue-router 5.x 文件式路由
Vue Router 内置了基于文件的路由插件。会自动根据页面组件生成路由和类型,因此不再需要手动维护 routes 数组。
vue-router 5.x 路由导航流程
vue-router 的 router.push 利用底层函数 pushWithRedirect 来实现,pushWithRedirect最后会利用 navigate 来实现真正的导航。
vue-router 5.x createRouterMatcher 是如何创建路由匹配器?
vue-router v5.x(5.0.3) 要求 pinia v3.x。 createRouterMatcher 1、做了什么? 初始化路由匹配系统,定义路由管理方法。 2、返回了什么?
vue-router v5.x createRouter 是创建路由实例?
vue-router 初始化方法 createRouter。 createRouter 1、做了什么? createRouterMatcher 初始化路由匹配系统。
vue-router 5.x 关于 RouterLink 实现原理
RouterLink 是 Vue Router 官方提供的路由跳转专用组件,核心作用是在 Vue 应用中实现无刷新的前端路由跳转,同时解决了原生 <a> 标签跳转的痛点。
vue-router 5.x RouterView 组件是如何实现?
RouterView 是 Vue Router 提供的「路由视图占位符组件」,本质是渲染函数组件。主要是根据当前激活的路由($route),自动渲染路由配置中匹配的组件。
vue 3.5 关于 provide 与 inject 实现原理
provide/inject 是 Vue3 中实现跨组件(任意层级)通信的核心 API。provide/inject是如何实现的?
下一页