Link Search Menu Expand Document

component

Index

Classes
Classes
Type aliases
Directive Functions

Type aliases

PropertyValues

Ƭ PropertyValues: Map‹PropertyKey, object›

Defined in src/component.tsx:76

Définit les paramètres des methodes du cycle de vie de Component

Il s’agit d’une map définit avec l’entrée PropertyKey et la valeur { oldVal: unknown, newVal: unknown } :

  • oldVal Ancienne valeur de la propriété
  • newVal Nouvelle valeur de la propriété

Map<PropertyKey, { oldVal: unknown, newVal: unknown }>


Directive Functions

@customElement

@customElement(tagName?: string): (Anonymous function)

Defined in src/component.tsx:18

La directive @customElement permet de créer le nom du composant et de le déclarer comme WebComponent.

Elle se place au dessus du nom de la classe. Exemple :

@customElement('w-todo')
export default class Todo extends Component {

Parameters:

Name Type Description
tagName? string Nom du custom element. Si aucun tagName n’est spécifié, il prend alors le nom x-${type.name.toLowerCase()}

Returns: (Anonymous function)

Retourne le custom element T avec le nom tagName


@property

@property(options?: IPropertyOptions): (Anonymous function)

Defined in src/component.tsx:57

La directive @property rend la propriété observable et dynamique. La propriété est aussi accessible lors de la création de la classe via new Class() et intégrée à l’interface : IProps

Elle se place à gauche du nom de la propriété. Exemple :

@property({ type: Boolean }) checked: boolean = false

Parameters:

Name Type
options? IPropertyOptions

Returns: (Anonymous function)

Retourne la propriété observable


Table of contents


Copyright © 2020 Nicolas Boyer. Distributed by an MIT license.