该文由浅入深、层层递进的讲述数据响应式原理，讲述内容包含侦测数据变化及依赖收集。通过本篇文章一定能够彻底了解数据响应式原理，为面试加分。

以下又是一篇学习笔记。 history 是一个第三方库，用来兼容在不同浏览器、不同环境下对历史记录的管理，封装了浏览器内置的 History API 和 Location API。 特点：适用高版本浏览器。 技术：利用HTML5里面的history。 前进：使用 pushSta…

环境变量 （environment variables）这个概念，在前端工程化盛行之时，便悄悄的进入了前端的视野。前端远古时代没有工程化的概念，开发环境、测试环境、生成环境全靠大家手动配置。而现如今 webpack 、 snowpack 、 rollup 等打包工具大行其道，我…

相信实际项目中用过vue的同学，一定对vue中父子组件之间的通信并不陌生，vue中采用良好的数据通讯方式，避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式，优缺点，及其实际工作中的应用场景 prop通信方式大家最常见的，也是最常用的父子组件通信类型，我…

所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对 property 和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 例如 created: () => this.fetchTodos()。这是因为箭头函数绑定了父上下文，因此 thi…

观看Vue3全球发布会的总结笔记，翻译水平有限大家海涵。 最后有学习资料汇总。 抽象渲染器与渲染目标无关 - （Dom、Canvas、终端显示）支持自定义渲染器。 可扩展是编译器 可以通过实现编译器插件来扩展编译器。 通过编译推断型虚拟Dom实现静态提升是Vue3.0的非常显著…

使用过Vue和React的小伙伴肯定对虚拟Dom和diff算法很熟悉，它扮演着很重要的角色。由于小编接触Vue比较多，React只是浅学，所以本篇主要针对Vue来展开介绍，带你一步一步搞懂它。 虚拟DOM（Virtual Dom），也就是我们常说的虚拟节点，是用JS对象来模拟真…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

Proxy 对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。 proxy是es6新特性，为了对目标的作用主要是通过handler对象中的拦截方法拦截目标对象target的某些行为（如属性查找、赋值、枚举、函数调用等）。 vue2.0 用 Object.d…