Я просто использовал командную строку ( CLI
) для инициализации проекта Vue.js. CLI
Создал src/components
и src/views
папку.
Прошло несколько месяцев с тех пор, как я работал с проектом Vue, и структура папок кажется мне новой.
В чем разница между views
и components
папками в проекте Вьет генерируемый vue-cli
?
Ответы:
Прежде всего, обе папки,
src/components
иsrc/views
, содержат компоненты Vue.Ключевое отличие состоит в том, что некоторые компоненты Vue действуют как представления для маршрутизации.
При работе с маршрутизацией во Vue, обычно с Vue Router , маршруты определяются для переключения текущего представления, используемого в
<router-view>
компоненте. Эти маршруты обычно расположены вsrc/router/routes.js
, где мы можем увидеть что-то вроде этого:Компоненты, расположенные ниже
src/components
, с меньшей вероятностью будут использоваться в маршруте, тогда как компоненты, расположенные ниже,src/views
будут использоваться по крайней мере в одном маршруте.Vue CLI нацелен на быструю разработку Vue.js, он упрощает работу и предлагает гибкость. Его цель - дать возможность командам разного уровня подготовки создать новый проект и начать работу.
В конце концов, это вопрос удобства и структуры приложения .
src/router
как это предприятием шаблонное.Выберите структуру приложения, которая лучше всего подходит для проекта, над которым вы работаете.
источник
src/components
следуют этому соглашению?Я думаю, это скорее условность. Что-то многоразовое можно хранить в папке src / components, что-то, что связано с маршрутизатором, может храниться в src / views
источник
Обычно повторно используемые представления рекомендуется размещать в
src/components
каталоге. Примеры, такие как верхний колонтитул, нижний колонтитул, реклама, сетки или любые настраиваемые элементы управления, любят стилизованные текстовые поля или кнопки. Внутри представления можно получить доступ к одному или нескольким компонентам.Представление может иметь компонент (ы), и представление фактически предназначено для доступа по URL-адресу навигации. Обычно они размещаются в
src/views
.Помните, что вы не ограничены доступом к компонентам через URL-адрес. Вы можете добавить любой компонент
router.js
и получить к нему доступ. Но если вы собираетесь это сделать, вы можете переместить его в,src/views
а не вставлятьsrc/components
.Компоненты - это элементы управления пользователя по аналогии с веб-формами asp.net.
Речь идет только о структурировании вашего кода для лучшего обслуживания и удобочитаемости.
источник
Обе папки в основном одинаковы, поскольку они содержат компоненты, но эстетика Vue заключается в том, что компоненты, которые будут функционировать как страницы (перенаправленные на понравившуюся страницу для навигации), хранятся в
/views
папке, в то время как повторно используемые компоненты, такие как поля формы, хранятся в/components
папке. ,источник