Ургенчский филиал ташкентского университета информационных технологий имени мухаммад ал-хоразмий

Создадим компоненты Vue с помощью vue-class-component

В коде выше можно видеть функцию data, возвращающую объект. При желании передать какие-либо обработчики вам пришлось бы писать объект method.
Vue-class-component сокращает процесс разработки, позволяя разработчикам добавлять свойства данных и обработчики прямо как свойства для класса.
Откройте ваш проект прямо в редакторе кода (Я  VS Code). В папке src есть два файла: App.vue и main.js.
Уже работавшие с библиотеками вроде React разработчики могут заметить, что этот main.js — эквивалент реактовского index.js. Что означает, что это и есть файл, запускаемый командами вроде yarn serve или yarn build.
Замените код в файле main.js на этот:
import 'tailwindcss/dist/tailwind.css';

import Vue from 'vue';

import App from './App';

new Vue ({

el: '#app',

render: h => ,

});
В основном, мы сначала выбираем элемент div с id=”app” из файла public/index.html, а после отображаем компонент App внутри него.

Теперь нужно создать этот компонент App в файле App.vue. Откройте файл App.vue и замените код по умолчанию на этот:



Здесь я первым делом создал простой шаблон с элементом div, в котором есть сообщение. Код в теге