Компоненты во Vue.js

241

02 мая 2018, 04:40

разрабатывай SPA приложение при помощи Vue.js, сейчас занимаюсь комнатой администратора. Она содержит в себе 4-5 вкладок (страниц). Конечно же я все эти вкладки разделили на разные компоненты но они получились по 300 строк кода (150 - HTML, Vue - 100, CSS - 50). Вопрос заключается в следующем... Каждая вкладка содержит в себе 1-5 различных форм, может быть их тоже разделит на разные компоненты и собирать их все во вкладке? Либо с этим не нужно заморачиваться?

Answer 1

Если все поля формы имеют схожие стили, то лучше 1 поле формы сделать как отдельный компонент.

Создайте компонент text-field.vue и поместите в него это:

<template> 
  <div> 
    <input type="text"> 
  </div> 
</template> 
 
<style> 
input { 
  /*STYLES FOR INPUT*/ 
} 
</style>

И затем подключите этот компонент в свои admin.vue и спокойно используйте его.

<template> 
  <div> 
    <TextField></TextField> 
  </div> 
</template> 
 
<script> 
import TextField from 'text-field.vue' 
 
export default { 
  components: { 
    TextField 
  } 
} 
</script>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Не работает преобразование стилей в Webpack

Я изучал Webpack и решил создать свою сборку но я получаю ошибку:

234

javascript

Jquery прибавление чисел

Почему число прибавляется только 1 раз? а не каждый раз когда нажимается кнопка

245

javascript

Почему гугл-поиск вставляется на сайт таким способом?

Ну то есть насколько я понимаю можно было бы сделать так:

222

javascript

Контент в <iframe>

Есть frame, который показывает видео с другого сайта, на этом frame нужно разместить image (он будет появляться на определенной секунде и через 3 секунды...

214