🎹序言 众所周知， hash 和 history 在前端面试中是很常考的一道题目。在学习本文内容之前，周一对 hash 和 history 的认知可能就在 hash 的 url 里面多了个 # ，而

并且为了保证单行数据流，不会造成其他子组件使用到父组件传递过来的数据的异常，要求子组件是不能够修改props的数据的值（程序也会通过报错来告知我们）。 在子组件可以通过this.$parent来获取到父组件的实例，从而从实例上面调用子组件的属性或者方法！用法同上。 当我们的组件…

看了一些讲解 v-for 中加 key 的文章，发现都描述的很笼统，甚至有很多不准确的，那不妨自力更生，这次直接从 vue3 的源码入手，带你了解真相，洞悉真理。 注：全文基于 vue v3.2.38

v-bind="$attrs" v-on="$listeners" 的作用：当vue中有多层组件嵌套， 且多层组件间需要相互传递数据时 如上图所示： A组件嵌套B组件， B组件嵌套C组件 A 与 C

1. 数据放在vue实例外 2. created, mounted钩子函数中定义 3. 自定义Options 4. Object.freeze() 冻结对象,禁止对该对象的属性进行修改。这个方法返回传递的对象，而不是创建一个被冻结的副本

所有的全局组件都是挂在这个Vue.options.components上的，其实我们也可以直接用Vue.options.components[组件名] = 组件的形式也能进行全局注册 在调用Vue.c

运行速度更快:相比较与react而言，同样是操作虚拟dom，就性能而言，vue存在很大的优势。 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 对象为引用类型，当复用组件时，由于数据

本文分上下两篇，实现一个基础版本的虚拟 DOM。 上篇首先介绍什么是虚拟 DOM、为什么要使用虚拟 DOM，其次完成项目创建、实现 h 函数、render 函数以及 mount 函数，完成创建虚拟 D

作者简介：koala，专注完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。【程序员成长指北】作者，Github 博客开源项目 https://github.com/koala-codi…