编辑“︁Vue.js X-Template”︁（章节）

== 工作原理 ==

X-Template 的工作原理可以概括为以下几个步骤：
1. Vue.js 在初始化时，会查找指定的模板 ID。
2. 如果找到对应的 <code><script type="text/x-template"></script></code> 块，Vue 会将其内容作为模板编译。
3. 编译后的模板会替换挂载点（如 <code>#app</code>）的内容。

<mermaid>
graph TD
    A[HTML 文件定义 X-Template] --> B[Vue 组件引用模板 ID]
    B --> C[Vue 编译模板]
    C --> D[渲染到 DOM]
</mermaid>