Я начал изучать VueJs и стараюсь шаг за шагом делиться им с вами. Медленно, но неуклонно.

В этом эпизоде ​​мы увидим, что такое компонент в VueJs и как мы можем его использовать.

С помощью компонентов мы можем разделить пользовательский интерфейс на небольшие и повторно используемые части и, объединив их, решить проблему или создать приложение.

Описание изображения

Схема компонента Vue:

app.component('component-name', {
  template: `<div>component</div>`,
  data:...
  methods:...
  ,...
})

Войти в полноэкранный режим

Выйти из полноэкранного режима

Как видите, это абсолютно то же самое, что и определение приложения, мы действительно можем определить логику компонента, используя объект параметров, таких как data, methods.

и с template вариант мы можем использовать логику и выставить как компонент.

например, мы собираемся определить компонент, который предоставляет кнопку, которая считается.
Затем, импортируя <Count/> его можно использовать.

Прямо сейчас мы пытаемся изучить Vue, внедрив его в html-файл, очевидно, есть некоторые другие способы определения компонентов, и их использование позволит обнаружить их позже вместе.

увидимся в следующем эпизоде

учить больше VUE-компоненты