Vue-cli и создание многостраничного приложения
Большинство приложений, созданных с помощью Vue, представляют собой одностраничные приложения (SPA), но иногда в реальных проектах одностраничное приложение не всегда соответствует бизнес-требованиям.
Конкретная реализация кода: vue-cli и многостраничное приложение.
# установка зависимостей
npm install
# запуск с горячей перезагрузкой на localhost:8080
npm run dev
.
├── README.md
├── build
│ ├── build.js
│ ├── check-versions.js
│ ├── logo.png
│ ├── utils.js
│ ├── vue-loader.conf.js
│ ├── webpack.base.conf.js
│ ├── webpack.dev.conf.js
│ └── webpack.prod.conf.js
├── config
│ ├── dev.env.js
│ ├── index.js
│ └── prod.env.js
├── package.json
├── src
│ ├── assets
│ │ └── logo.png
│ ├── components
│ │ ├── Hello.vue
│ │ └── cell.vue
│ └── module
│ ├── cell
│ │ ├── cell.html
│ │ ├── cell.js
│ │ └── cell.vue
│ └── index
│ ├── index.html
│ ├── index.js
│ ├── index.vue
│ └── router
│ └── index.js
└── static
src
— это файл проекта по умолчанию, где assets
, components
и module
представляют файлы статических ресурсов, компоненты и страницы соответственно.
Файлы страниц организованы в папки в соответствии с модулями проекта. Каждая папка содержит три файла: файл Vue, файл JavaScript и файл HTML. Эти три файла выполняют функции, аналогичные функциям index.html
шаблона корневой директории, main.js
и app.vue
при создании одностраничного SPA-приложения.
Ссылка: — Создание многостраничных приложений с использованием Vue.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )