Vue по одному компоненту на страницу

Каковы проблемы/недостатки наличия только одного компонента на странице, где находится вся страница?

Моя разработка: у меня есть боковая панель в отдельном компоненте, которая сохраняется во всем приложении. Остальная часть страницы находится в одном компоненте. Он работает, достаточно быстр и работает так, как я хочу.

С тех пор я узнал, что большинство веб-приложений используют один объект для каждого компонента и импортируют его в компонент страницы, чтобы сделать его более читабельным и пригодным для повторного использования. Я не использую повторно какой-либо код (кроме боковой панели, которая уже находится в своем собственном компоненте). Есть ли какие-либо недостатки в написании приложения таким образом, кроме удобочитаемости кода? Есть ли потенциальная польза от его рефакторинга?

Каждое приложение немного отличается. Если у вас много дублированного кода, вы всегда можете начать с создания компонентов, чтобы уменьшить это дублирование. например если вы создали <date-picker/>, который используете в 50 местах, сделайте его компонентом. Но если все ваши страницы совершенно разные, ИМХО, это просто суждение о том, стоит ли разбивать части на отдельные компоненты. Если это делает ваш код более читабельным и простым в обслуживании, сделайте это. Если нет, то, вероятно, все в порядке.

David784 25.02.2019 23:28

@ David784 Дэвид784 Это, вероятно, сделает его немного более читабельным, но не намного. Судя по вашему ответу (если после этого я не получу другие ответы), кажется, что рефакторить его не стоит. Спасибо!

RicardoArth 25.02.2019 23:31

Девиз моей жизни в области разработки: создавайте так, как будто за 1 год он станет на 500% сложнее, и вы не будете его поддерживать.

Ohgodwhy 26.02.2019 00:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
149
0

Другие вопросы по теме