Статьи

Vue.js Однофайловые компоненты JavaScript в браузере

Наконец-то появилась поддержка браузером собственных модулей JavaScript. Последние версии Safari и Chrome поддерживают их, Firefox и Edge тоже скоро появятся.

Одна из замечательных особенностей модулей JavaScript для пользователей Vue.js заключается в том, что они позволяют вам организовать ваши компоненты в свои собственные файлы без какого-либо шага сборки.

В этой статье я покажу вам, как написать однофайловый компонент в виде модуля JavaScript и использовать его в приложении Vue.js. Вы можете сделать все это в браузере без каких-либо Babel или Webpack!

Когда я говорю «однофайловый компонент», я говорю об одном файле JavaScript, который экспортирует полное определение компонента. Я не говорю об одном файле .vue, к которому вы привыкли. Извините, если вы разочарованы. Но я все еще думаю, что это довольно круто, так что проверьте это.

Настройка проекта

Для этого воспользуемся простым шаблоном vue-cli . Это верно, тот, без какого-либо Webpack .


Оболочка