Я просто використав командний рядок ( CLI) для ініціалізації проекту Vue.js. CLIСтворив src/componentsі src/viewsпапку.

Минуло кілька місяців, як я працював з проектом Vue, і структура папок мені здається новою.

Яка різниця між папками viewsта componentsпроектом Vue, що генерується vue-cli?

Перш за все, обидві папки, src/componentsі src/views, містять компоненти Vue.

Ключова відмінність полягає в тому, що деякі компоненти Vue діють як Погляди для маршрутизації.

При роботі з маршрутизацією у Vue, як правило, з маршрутизатором Vue , маршрути визначаються для того, щоб переключити поточний вигляд, що використовується в <router-view>компоненті. Ці маршрути зазвичай розташовані src/router/routes.jsтам, де ми можемо побачити щось подібне:

import Home from '@/views/Home.vue'
import About from '@/views/About.vue'

export default [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: About,
  },
]

Компоненти, розташовані під, src/componentsмають меншу ймовірність використання в маршруті, тоді як компоненти, розташовані під, src/viewsбудуть використовуватися щонайменше одним маршрутом.

Vue CLI прагне стати стандартною базовою лінією для екосистеми Vue. Це забезпечує безперебійну роботу різних інструментів побудови разом із розумними типовими налаштуваннями, тому ви можете зосередитись на написанні програми, а не витрачати дні на конфлікти. У той же час він все ще пропонує гнучкість налаштування конфігурації кожного інструменту без необхідності витягування.

Vue CLI спрямований на швидкий розвиток Vue.js, він робить прості речі та пропонує гнучкість. Його мета - надати можливість командам різного рівня кваліфікації створити новий проект та розпочати роботу.

Зрештою, це питання зручності та структури застосування .

• Деяким людям подобається мати папку «Вид» під такою,src/router як на цій коробці.
• Деякі люди називають це Сторінки замість Перегляди .
• Деякі люди мають всі свої компоненти в одній папці.

Виберіть структуру програми, яка найкраще відповідає проекту, над яким ви працюєте.

Я думаю, що це більше конвенція. Щось багаторазове використання може зберігатися у папці src / компоненти, а те, що прив’язано до маршрутизатора, може зберігатися у src / views

Зазвичай пропонується розмістити перегляди, які можна повторно використовувати src/components каталозі . Такі приклади, як заголовки, колонтитули, оголошення, сітки або будь-які спеціальні елементи управління, люблять стильові текстові поля чи кнопки. Один або більше компонентів можна отримати всередині перегляду.

Перегляд може містити компоненти (и), а перегляд фактично призначений для доступу до URL-адреси навігації. Вони, як правило, поміщені вsrc/views .

Пам’ятайте, що ви не обмежені для доступу до Компонентів через URL. Ви можете безкоштовно додати будь-який компонент до нього router.jsта отримати доступ до нього. Але якщо ви призначені для цього, ви можете перемістити його, src/viewsа не розміщувати src/components.

Компоненти - це керування користувачами аналогічно веб-формам asp.net.

Йдеться лише про структурування коду для кращого обслуговування та читабельності.

Обидві папки в основному однакові, оскільки вони обидва містять компоненти, але естетичний Vue полягає в тому, що компоненти, які будуть функціонувати як сторінки (маршрутизовані на подібну сторінку для навігації), зберігаються в /viewsпапці, в той час як компоненти для повторного використання, такі як поля форм, зберігаються в /componentsпапці .