是包含编译器和运行时的“完整”构建，因此它支持动态编译模板。 vue.runtime.global.js 只包含运行时，并且需要在构建步骤期间预编译模板。 内联所有 Vue 核心内部包——即：它是一个单独的文件，不依赖于其他文件，这意味着你必须导 入此文件和此文件中的所有内容，以确保获得相同的代码实例。 包含硬编码的 prod/dev 分支，并且 prod 构建是预先缩小的。使用 *.prod.js 用于生产 ； 与全局构建共享相同的运行时编译、依赖内联和硬编码的 prod/dev 行为。 使用构建工具像 webpack ， rollup 和 parcel 。 TODO：将 prod/dev 分支留给 process.env.NODE_ENV guards (需要更换构建工具) 不提供最小化版本 (捆绑后与其余代码一起完成) import 依赖 (例如： @vue/runtime-core @vue/runtime-core ， @vue/runtime-compiler ) 导入的依赖项也是 esm bundler 构建，并将依次导入其依赖项 (例如： @vue/runtime-core imports @vue/reactivity) 这意味着你可以单独安装/导入这些依赖，而不会导致这些依赖项的不同实例，但你必须确 保它们都为同一版本。 浏览器内模板编译： vue.runtime.esm-bundler

: v ? 'dark' : 'light' }, }) } 在 VueUse 中可⽤: usePreferredDark useLocalStorage useDark 组合关系 其中每⼀个函数都可以独⽴使⽤ 专注点分离 useDark usePreferredDark useLocalStorage useStorage useEventListener useMediaQuery error } } 在 VueUse 中可⽤: useFetch 副作⽤⾃动清除 模式 Vue 中原⽣的 watch 和 computed API 会在组件销毁时⾃动解除其内部的依赖监听。 我们可以编写我们的函数时，遵循同样的模式。 ` ` ` ` import { onUnmounted } from 'vue' export function useEventListener(target:

IDE 支持 SSR 性能进一步优化 通过编译时优化获得 2~8x 性能提升 SSR + webpack code split 完美支持 （不再局限于路由） vue-cli 3.0 ● 配置依赖化 + 可组合 ● PWA by default ● 一个模板，不同参数 (--ts, --ssr) ● 更好的测试方案 长期展望 ● 单文件组件 CSS 改进：>>> 和 ::slotted 选择器，