3

为一个新项目使用了 Vue.js的runtime-only构建版本。我在文档中看到要切换到standalone需要向 webpack 添加别名的文档，如下所示：

resolve: {
  alias: {
    'vue$': 'vue/dist/vue.js'
  }
}

目前，我的应用程序中不需要编译器。但是，在某些时候我可能需要切换到standalone构建。

我的问题是： 这会是一个轻松的切换，runtime-only还是standalone需要大量的重构？

如果是这样，我还不如开始standalone并避免以后重构。

4

1 回答 1

8

standalone支持组件中的模板选项。例如，您可以这样做：

Vue.component('my-component', { template: '<div>A custom component!</div>' })

standalone还允许您vue.js从 CDN 加载，就像使用 jQuery 或任何其他 javascript 库一样。

runtime-only不允许您template在组件定义中使用。因此，您需要创建my-component.vue文件并在内部定义模板，详见单文件组件指南：http: //vuejs.org/guide/single-file-components.html

vue-cli如果您使用的是runtime-only.

要从 切换standalone到runtime-only，您必须将所有组件重写为my-component.vue文件，然后开始使用vue-cli

要从 切换runtime-only到standalone，无需进行任何更改。

除此之外，在runtime-only和之间切换是无痛的standalone。

我的偏好：runtime-only仅模式，因为它产生更小的构建并且理论上性能更好，因为模板是预编译的。此外，vue文件中的部分组织良好且易于阅读。单独的组件的 vue 文件也迫使你更好地构建你的应用程序。

于 2016-10-17T13:42:05.573 回答