译模板。 内联所有 Vue 核心内部包——即：它是一个单独的文件，不依赖于其他文件，这意味着你必须导 入此文件和此文件中的所有内容，以确保获得相同的代码实例。 包含硬编码的 prod/dev 分支，并且 prod 构建是预先缩小的。使用 *.prod.js 用于生产 的文件。 提示 全局打包不是 UMD (opens new window) 构建的，它们被打包成 IIFEs (opens ； 与全局构建共享相同的运行时编译、依赖内联和硬编码的 prod/dev 行为。 使用构建工具像 webpack ， rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core } 30. }) 这个模板感觉不太好。它不仅冗长，而且我们为每个级别标题重复书写了 。当我们 添加锚元素时，我们必须在每个 v-if/v-else-if 分支中再次重复它。 虽然模板在大多数组件中都非常好用，但是显然在这里它就不合适了。那么，我们来尝试使用 render 函数重写上面的例子： 1. const app = Vue.createApp({})