mirror of
https://github.com/Snigdha-OS/Snigdha-OS.github.io.git
synced 2025-09-07 13:15:17 +02:00
24 lines
618 B
Markdown
24 lines
618 B
Markdown
# `components/` [Directory](https://nuxt.com/docs/getting-started/views#components)
|
|
|
|
Most components are reusable pieces of the user interface, like buttons and menus. In Nuxt, you can create these components in the `components/` directory, and they will be automatically available across your application without having to explicitly import them.
|
|
|
|
*app.vue*
|
|
````html
|
|
<template>
|
|
<div>
|
|
<h1>Welcome to the homepage</h1>
|
|
<AppAlert>
|
|
This is an auto-imported component.
|
|
</AppAlert>
|
|
</div>
|
|
</template>
|
|
````
|
|
|
|
*components/AppAlert.vue*
|
|
````html
|
|
<template>
|
|
<span>
|
|
<slot />
|
|
</span>
|
|
</template>
|
|
```` |