Component

VueExample

Status

Produktionsklar

In this article

• Heading 1
• Heading 2
• Translations
• API

The example component is used to demonstrate how Vue component documentation is rendered. It is not a real component.

Heading 1

• This is an example component.
• It is not meant to be used in production.

Heading 2

Lorem ipsum dolor sit amet.

Translations

translation.key.foo

‐

Default: "foo default text"

translation.key.bar

something something...

Default: "bar default text"

Parameters:

• foo — A thingamajig
• bar — A doodad

API

Models

v-model: string Optional

Lorem ipsum dolor sit amet.

Default: ""

Props

foo: string Optional

Lorem ipsum dolor sit amet.

Must be one of:

• "a"
• "b"
• "c"

Default: "foobar"

bar: string

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu mollis leo. Fusce eget ullamcorper augue. Aenean sodales fringilla purus, ac euismod massa semper sed.

obsolete: number Optional Deprecated

Lorem ipsum dolor sit amet.

Default: 42

Deprecated: Replaced by something else.

Events

change

Lorem ipsum dolor sit amet

Arguments:

• id: number — Lorem ipsum
• value: mixed — Lorem ipsum

update

Lorem ipsum dolor sit amet

Arguments:

• value: string — Lorem ipsum

obsolete Deprecated

Lorem ipsum dolor sit amet

Arguments:

• value: string — Lorem ipsum

Deprecated: Will be gone later.

Slots

default

Lorem ipsum dolor sit amet

foo

Lorem ipsum dolor sit amet

Bindings:

• foo: number — Lorem ipsum dolor sit amet
• bar: number — Lorem ipsum dolor sit amet
• baz: unknown

obsolete Deprecated

Lorem ipsum dolor sit amet.

Deprecated: Use another slot instead.