Рубрика: Vue components
components
директория в проекте Vue
(например расположена в resources\js для проекта Laravel+Vue.js)
Содержит все компоненты проекта (UI,test,App,Part)
UI
«User Interface» директория представляет библиотеку общих vue компонентов для пользовательского интерфейса (например input, button и т.д.) в отдельном файле index.js
test
директория содержит тестируемые vue компоненты в проекте.
Part
директория содержит уникальные или особые vue компоненты, которые связаны с проектом. Внутри дерево директорий представляет структуру из уникальных vue компонентов проекта.
общее в компонентах UI,test,Part папки components
- Название папок в директории представляют описание содержимое vue компонентов
- Для простоты регистрации vue компоненты можно вынести в общий файл index.js.
App.vue
главный vue файл компонент проекта, который запускается в первую очередь. Содержит UI и Part vue компоненты.
UI Компоненты
Button и Input
Нарушается стилистика кнопок Создать и Удалить
Кнопка получается как переиспользуемый компонент
src\components\UI
папка содержит библиотеку UI элементов (button, input и т.д.)
Название или свойство name компонента должно состоять
для того чтобы отличались от дефолтных html тегов
не менее из двух слов