Теперь вы сможете увидеть компонент HelloWorld, отображаемый в компоненте App.vue.

","image":"http://www.luping.net/uploads/20240928/172748376866f74f78598f3.jpg","datePublished":"2024-11-08T23:35:29+08:00","dateModified":"2024-11-08T23:35:29+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > VueJs для начинающих Часть VueJs Создание, импорт и использование компонента

VueJs для начинающих Часть VueJs Создание, импорт и использование компонента

Опубликовано 8 ноября 2024 г.
Просматривать:535

VueJs for Beginner VueJs Part  Create, Import, and Use Component

Создание вашего первого компонента


Что такое компонент?
Компоненты — это строительные блоки приложения Vue. Каждый компонент имеет свою собственную функциональность и вид. Компоненты можно повторно использовать во всем приложении. Одним из примеров компонента является панель навигации, доступ к которой можно получить на разных страницах.

Создание базового компонента

  • Создайте новый файл компонента с именем HelloWorld.vue (вы можете изменить имя файла, если хотите) в папке компонентов (создайте новую папку компонентов, если она еще не существует).

  • Компонент HelloWorld:







  • импортировать и использовать компонент HelloWord в App.vue




Теперь вы сможете увидеть компонент HelloWorld, отображаемый в компоненте App.vue.

Заявление о выпуске Эта статья воспроизводится по адресу: https://dev.to/kyydev/vuejs-for-beginner-2024-vuejs-3-part-2-create-import-and-component-4a8e?1, если есть какие-либо нарушения, пожалуйста, свяжитесь с [email protected], чтобы удалить его.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3