2vue核心执行过程vue核心的执行过程主要分为这几个阶段1 编译模板，生成可复用的render function code，这一步在vue实例的整个生命周期中只会执行一次甚至零次，因为我们可以在打包的时候可以预编译2 生成watcher等。

Vue 的预渲染机制是基于 Vue 的模板编译机制实现的Vue 会将模板编译成虚拟 DOM 渲染函数，当数据发生变化时，Vue 会重新生成虚拟 DOM，并将其与之前的虚拟 DOM 进行对比，然后只更新需要更新的部分这个过程被称为响应。

1使用压缩工具来压缩和混淆代码，以减小文件大小增加代码的可读性2使用工具将Vuejs代码和依赖项进行模块化打包，使代码更加有序，将敏感信息和逻辑分开。

Vue实例完整的生命周期包括创建初始化编译模板挂在DOM渲染更新卸载等过程1beforeCreate 创建前 在实例初始化之后，数据观测和事件配置之前被调用，此时组件的选项对象还未创建，el 和 data 并未初始化。

首先vue的模板语法继承了html的语法，我们在template里写的也都是标准的html标签，只有在需要动态绑定一些内容的时候，我们才用到vue的模板语法，大概有一下几种 插值的方式就是我之前用过的双花括号的形式，一般在花。

配置自定义的snippets通过vscode的snippets我们可以自己配置自定义的snippets，从而实现快捷生成代码片段，在VsCode里按F1，输入snippets选择配置用户代码片段，选择后出现选择配置的界面，这里我们对Vue文件的代码片段进行配置。

Vue 中的模板是通过解析 template 并建立虚拟 dom 实现的在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码结合响应式系统，当应用状态变更时，Vue 能够智能地推导出需要重新渲染的组件的最少数量，并应用最少。

vcloak 和 CSS 规则如 vcloak display 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到组件实例准备完毕，主要用于解决闪动问题，现在Vue3一般不会出现这个问题了 不会显示，直到编译结束 前面讲的一系列指。