#javascript #vue.js #vuejs2
#javascript #vue.js #vuejs2
Вопрос:
Пошел с версией runtime-only сборки Vue.js для нового проекта. Я видел в документах, что для переключения на standalone один нужно добавить псевдоним в webpack, например:
resolve: {
alias: {
'vue
На данный момент мне не нужен компилятор в моем приложении. Однако возможно, что в какой-то момент мне нужно будет переключиться на standalone сборку.
Мой вопрос: будет ли это безболезненное переключение между runtime-only и standalone позже или потребуется интенсивный рефакторинг?
Если это произойдет, я мог бы также начать с standalone и избежать рефакторинга позже.
Ответ №1:
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 для компонентов также позволяют лучше структурировать ваше приложение.
: 'vue/dist/vue.js'
}
}
На данный момент мне не нужен компилятор в моем приложении. Однако возможно, что в какой-то момент мне нужно будет переключиться на standalone сборку.
Мой вопрос: будет ли это безболезненное переключение между runtime-only и standalone позже или потребуется интенсивный рефакторинг?
Если это произойдет, я мог бы также начать с standalone и избежать рефакторинга позже.
Ответ №1:
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 для компонентов также позволяют лучше структурировать ваше приложение.