“哥，我面试字节挂了！” 小明哭丧着脸：“MD，太卷了！这 Vue3 刚转正没多久，面试官就问上我原理了，什么 reactivity 实现原理，proxy ，Vue3初始化的流程，编译优化，diff

新一年了，还在忍受Vuex4糟糕的类型体验？🙅‍，我们要把 Vuex 换成 Pinia 了💪；Pinia ，Vue.js 官方开发，更好的 ts 支持，本文详解pinia，如何使用，数据持久化存储

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用； Vue3.2 中 只需要在 script 标签上加上 setup 属性，组件在编译的过程中代码运行的上下文是在 se

为什么会有nextTick这个东西的存在? 因为 vue 采用的异步更新策略，当监听到数据发生变化的时候不会立即去更新DOM， 而是开启一个任务队列，并缓存在同一事件循环中发生的所有数据变更;

想必大家都用一些前端框架中诸如MessaBox或者Toast的组件，此类组件往往不需要我们显式的在使用组件的位置编写布局代码就能展示全局的弹框类组件。 你有没有好奇这个效果是怎么实现的呢，接下来我们就来实现一下类似的Loading加载中效果。 将div标签添加到body中。 L…

编写一个全局都可以调用的登录注册组件，实现权限控制，只要没登录都弹出此弹窗，主要采用的全局组件注册思想。

对编译过程的了解会让我们对 Vue 的指令、内置组件等有更好的理解。不过由于编译的过程是一个相对复杂的过程，我们只要求理解整体的流程、输入和输出即可。

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…