Можно ли использовать однофайловые компоненты в Vue без сборщика?

Как использовать однофайловые компоненты без необходимости использования сборщика?
  • 12 июля 2024 г. 19:52
Ответы на вопрос 2
Да, можно использовать однофайловые компоненты Vue без необходимости использования сборщика. Для этого вы можете воспользоваться CDN-версией Vue.js и добавить компоненты непосредственно в разметку HTML файла.

Вот пример использования однофайлового компонента без сборщика:

1. Сначала подключите Vue.js через CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
```

2. Добавьте свой однофайловый компонент в тег `<template>` внутри `<script>`:

```html
<div id="app">
  <my-component></my-component>
</div>

<script>
Vue.component('my-component', {
  template: '<h1>Hello World!</h1>'
});

new Vue({
  el: '#app'
});
</script>
```

3. Запустите ваш HTML файл в браузере и посмотрите на результат.

Таким образом, вы можете использовать однофайловые компоненты Vue без необходимости использования сборщика, но имейте в виду, что при разработке более сложных приложений с множеством компонентов и зависимостей, использование сборщика все-таки является более удобным и эффективным способом работы.
Простой ответ:  да, нужно. 
Сложный ответ: не обязательно, можно компилировать шаблоны на лету подключив полный бандл vue на страницу, а потому с использованием костылей от сторонних разработчиков или самописных, возможно будет работать и с целыми компонентами, перекладывая вычисления на сторону пользователя. Но делать так не надо.
Похожие вопросы