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

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。----官方文档 本文将针对响应式原理做一个详细介绍，并…

vite 最近非常火，它是 vue 作者尤大神发布前端构建工具，底层基于 Rollup，无论是启动速度还是热加载速度都非常快。vite 随 vue3 正式版一起发布，刚开始的时候与 vue 绑定在一起

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

前边有分享过 React 的工作原理，那么 Vue 又是怎样的编译原理呢，经过几天的翻阅，视频，现在来分享给大家，共勉 。 重要 依次截取下去，当遇到开始标签的时候就去创建一个 ast 对象，当遇到结束标签，则把当前对象记录在全局上，如此循环，就会形成一个多层的 AST 对象，…

1.生命周期的变化 vue3相比vue2，生命周期名字大部分需要+on，功能类似，使用vue3API需要先引入，vue2选项API这直接调用即可。 2.多根节点 Vue2中，编写页面的时候，我们需要去

1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…

... 从下图可以看到,打包出来后最大的包有1.33M。然后再看下请求,哇,217个请求、首页下载需要3.2M。 ... 1. 优化scss配置文件的引入 我们在搭建项目的过程中经常性的会将一些scss配置文件抽离出来，例如主题色等，然后在每个需要的组件中引入。这样会显得很繁琐…

一、谈谈你对MVVM的理解？ 映射关系简化，隐藏controller MVVM在MVC的基础上，把控制层隐藏掉了。 Vue不是一个MVVM框架，它是一个视图层框架。 ViewModal是一个桥梁，将数