Изменение Vue.js от автономного до времени исполнения только в проекте?

Question

Пошел с runtime-only версия Vue.js для нового проекта. Я видел в документации, что для переключения на standalone нужно добавить псевдоним WebPack, например, так:

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

На данный момент мне не нужен компилятор в моем приложении. Однако, возможно, что в какой-то момент мне нужно будет перейти на сборку standalone.

Мой вопрос: Будет ли безболезненное переключение между runtime-only и standalone позже или потребует тяжелой рефакторинга?

Если это так, то я мог бы также начать с standalone и избежать рефакторинга позже.

Answer 1

standalone поддерживает опцию шаблона в компонентах. Например, вы можете сделать это:

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

standalone также позволяет загружать vue.js из CDN, как вы могли бы сделать с JQuery или любой другой Java-библиотеки.

runtime-only не позволяет использовать template в определении компонентов. Таким образом, вам нужно создать файл my-component.vue и определить шаблон внутри, как описано в одном файле Components руководство: 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 для компонентов также заставляют вас лучше структурировать ваше приложение.