前言 此篇主要手写 Vue2.0 源码-模板编译原理 上一篇咱们主要介绍了 Vue 数据的响应式原理 对于中高级前端来说 响应式原理基本是面试 Vue 必考的源码基础类

在一些场景中，比如我们封装的一些工具函数、hooks、插件等中没办法像在单文件组件中一样将dialog写到template中，或者一些公共的弹窗使用声明式弹窗会比较臃肿，这个时候命名式的调起弹窗就派上

今天，我们将手把手实现一个简化版的vue-router，主要通过hash模式来实现网址的跳转改变。本文将涉及router-link、router-view以及路由配置，旨在帮助大家深刻理解vue-ro

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情 前言 小伙伴们好，我是村长，一个爱分享的老前端。本月恰逢「掘金日新计划 · 6 月更文挑战」

写之前，我回头看了我2021年的年终总结——《# 回望我的前端之路，无愧 —— 2021年终总结》。 看看那时候立的Flags，很开心我用了半年，就完成了最艰难的一条：跳槽到更好的地方。 嗯，我一个三

nextTick是对多次修改数据进行统一更新做的优化，所以它必须是一个异步过程，实现异步有两种方式，一是微任务，一是宏任务，目前大多数浏览器支持promise，所以nextTick采用的是微任务。

parse的目标是把模板解析生ast数，解析过程就是通过正则不断的匹配，不同的节点就执行不同的函数，并往节点上添加对应的属性，来达到构建AST树。

Vue3在响应式原理、代码组织方式、工程化工具方面进行全新的改进，在开发体验及性能上Vue3有全面的提升。本文，对这些改进进行了一些梳理。

现代前端框架都是使用组件化机制来搭建整个项目，每个组件内部有自己的数据和模板。 但是总有些数据是需要共享的，比如当前登录的用户名、权限等数据，如果都在组件内部传递，会变得非常混乱，于是就有了状态管理。