VUE组件什么时候被编译

VUE组件在以下情况下被编译：

1. 初始化时：当Vue实例创建并挂载时，会进行初始的编译过程。此时，所有的组件选项都会被解析和编译，包括模板、计算属性、方法等。Vue会将组件的模板转化成虚拟DOM，并建立虚拟DOM和真实DOM的联系。

2. 动态组件：当使用动态组件时，也就是在组件标签上使用v-bind来动态绑定组件名，Vue会根据绑定的组件名进行编译。当绑定的组件名发生变化时，Vue会重新编译所绑定的组件。

3. 父组件更新：当父组件更新时，子组件也会跟随更新。父组件的数据更新后，Vue会触发重新渲染过程，包括编译子组件的过程。父组件数据的变化会通过props传递给子组件，触发子组件的重新编译。

4. 组件级别的资源更新：当组件级别的资源发生变化时，比如组件的模板发生改变、组件的样式发生改变等，Vue会重新进行编译。

总结起来，VUE组件在初始化时、动态组件绑定时、父组件更新时以及组件级别的资源发生变化时会被编译。这些编译过程会根据组件的模板、数据和属性等信息生成虚拟DOM并进行更新渲染。

Vue组件在什么时候被编译?

1. 编译阶段：Vue组件在运行之前首先会经过编译阶段。在编译阶段，Vue会解析组件的模板，将其转换为渲染函数。渲染函数中包含了组件的结构和逻辑，用以生成最终的DOM元素。编译阶段通过将模板中的指令、表达式等转换为渲染函数的方式，实现了组件的动态渲染。

2. 实例化阶段：在实例化阶段，Vue通过调用Vue构造函数来创建一个组件实例。实例化过程中，Vue会将组件的模板编译为渲染函数，并将渲染函数与组件实例关联起来。这样，在组件实例的生命周期中，每当需要重新渲染或更新组件时，Vue会调用渲染函数来生成新的DOM。

3. 更新阶段：当组件的数据或状态发生变化时，Vue会触发更新阶段。在更新阶段，Vue会重新执行渲染函数生成新的DOM，并通过比较新旧DOM的差异，只更新发生变化的部分。通过这种方式，Vue实现了高效的组件更新和渲染。

4. 异步更新：Vue中的更新是异步的，在一次事件循环中可能会有多次数据的变化，但是Vue会将这些变化合并成一次更新操作，避免频繁的DOM操作。Vue使用了异步队列和nextTick机制来保证数据的变化能够在合适的时机进行更新。

5. 动态组件：Vue还支持动态组件，也就是在运行时根据条件动态地加载不同的组件。这些组件在运行时会被动态的编译和渲染，以实现组件的动态加载和切换。

总之，Vue组件在编译、实例化和更新阶段都会进行渲染函数的编译和执行，以实现组件的动态渲染和更新。同时，Vue还提供了异步更新和动态组件等特性，以满足不同场景下的需求。

VUE组件在以下几个阶段被编译：

1. 编译阶段：在Vue的编译阶段，Vue会解析和编译模板中的Vue组件。在这个阶段，Vue将模板解析成AST（Abstract Syntax Tree）抽象语法树，然后利用AST将模板转换成渲染函数。

2. 运行时编译阶段：当使用Vue的运行时版本时，如果在Vue实例化之前没有进行模板编译，Vue将在运行时进行模板的编译。在这种情况下，Vue会通过将模板字符串解析成渲染函数的方式进行运行时编译。运行时编译会在首次渲染时进行，这也是为什么运行时编译的性能较差的一个原因。

3. 预编译阶段：预编译是指将Vue组件在构建时提前编译成渲染函数的过程。这样，在实际运行时，不需要进行模板编译，缩短了启动时间，并且提高了性能。预编译可以通过使用Vue的单文件组件（.vue文件）和构建工具（如Webpack）来实现。

需要注意的是，预编译的前提是使用了构建工具，如Webpack。在配置Webpack时，可以使用Vue-loader来处理Vue组件，实现预编译。

总结起来，VUE组件在编译阶段和运行时编译阶段会被编译，预编译是一种优化手段，可以提前将Vue组件编译成渲染函数，在实际运行时直接使用渲染函数，提高性能。