Можно ли хранить template отдельно от скриптов?

Question

[nastya_zholudeva]

Подскажите, можно ли все template проекта собрать в одной отдельной папке, а их скрипты и стили в другой?

Answer 1

[lavezzi1]

Да конечно. Можно разбивать один vue файл на component.html, component.css, component.js. А затем в component.vue импортировать их.

Ваш component.vue файл:

<style src="./style.css"></style>
<template src="./template.html"></template>
<script src="./script.js"></script>

Comments

[nastya_zholudeva]

а можно доки или примеры, чтобы поподробнее разобраться со всем этим

[lavezzi1]

nastya_zholudeva, кинул пример в ответ выше.

[nastya_zholudeva]

lavezzi1, спасибо огромное)

[lavezzi1]

nastya_zholudeva, но вообще не советую так делать. Всегда все файлы компонента должны лежать в одной папке. Вы можете разбить на css/html/js но хранить их в одной папке.

[nastya_zholudeva]

lavezzi1, а чем это может грозить?

[lavezzi1]

nastya_zholudeva, Сложно навигировать между папками. Когда будет больше 30-50 компонентов вам это аукнится. Лучше складывайте все файлы компонента в одну папку. Это просто совет основанный на опыте. Дальше вам решать :)

[nastya_zholudeva]

lavezzi1, я вас поняла:) Спасибо)