Class HelloWorld

Custom vue component defined with defineComponent

Hierarchy

  • HelloWorld

Properties

$ $attrs $data $el $emit $forceUpdate $nextTick $options $parent $pinia $props $refs $root $slots _pStores? color counterStore excited name

Methods

$watch greeting setColor

Properties

$

$: ComponentInternalInstance

$attrs

$attrs: Data

$data

$data: {
    color: string;
    counterStore: PiniaStore<useCounterStore>;
}

Type declaration

$el

$el: any

$emit

$emit: ((event, ...args) => void)

Type declaration

    • (event, ...args): void

    • Parameters

      • event: string
      • Rest ...args: any[]

      Returns void

$forceUpdate

$forceUpdate: (() => void)

Type declaration

    • (): void

    • Returns void

$nextTick

$nextTick: (<T>(this, fn?) => Promise<void>)

Type declaration

    • <T>(this, fn?): Promise<void>

    • Type Parameters

      • T = void

      Parameters

      • this: T
      • Optional fn: ((this) => void)
          • (this): void

          • Parameters

            • this: T

            Returns void

      Returns Promise<void>

$options

$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
    excited: BooleanConstructor;
    name: {
        default: string;
        required: true;
        type: StringConstructor;
    };
}>>, unknown, {
    color: string;
    counterStore: PiniaStore<useCounterStore>;
}, {
    greeting() => string;
}, {
    setColor(color) => void;
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
    excited: boolean;
    name: string;
}, {}, string, {}> & MergedComponentOptionsOverride

$parent

$parent: null | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>

$pinia

$pinia: Pinia

Access to the application's Pinia

$props

$props: {
    class?: unknown;
    excited?: boolean;
    key?: string | number | symbol;
    name?: string;
    onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[];
    onVnodeBeforeUnmount?: VNodeMountHook | VNodeMountHook[];
    onVnodeBeforeUpdate?: VNodeUpdateHook | VNodeUpdateHook[];
    onVnodeMounted?: VNodeMountHook | VNodeMountHook[];
    onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[];
    onVnodeUpdated?: VNodeUpdateHook | VNodeUpdateHook[];
    ref?: VNodeRef;
    ref_for?: boolean;
    ref_key?: string;
    style?: unknown;
}

Type declaration

  • Optional class?: unknown
  • Optional excited?: boolean

    Whether to greet the user excitedly

  • Optional key?: string | number | symbol
  • Optional name?: string

    Docs on name

  • Optional onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[]
  • Optional onVnodeBeforeUnmount?: VNodeMountHook | VNodeMountHook[]
  • Optional onVnodeBeforeUpdate?: VNodeUpdateHook | VNodeUpdateHook[]
  • Optional onVnodeMounted?: VNodeMountHook | VNodeMountHook[]
  • Optional onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[]
  • Optional onVnodeUpdated?: VNodeUpdateHook | VNodeUpdateHook[]
  • Optional ref?: VNodeRef
  • Optional ref_for?: boolean
  • Optional ref_key?: string
  • Optional style?: unknown

$refs

$refs: Data

$root

$root: null | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>

$slots

$slots: Readonly<InternalSlots>

Optional Internal _pStores

_pStores?: Record<string, StoreGeneric>

Cache of stores instantiated by the current instance. Used by devtools to list currently used stores. Used internally by Pinia.

color

color: string = "green"

counterStore

counterStore: PiniaStore<useCounterStore>

Readonly excited

excited: boolean = Boolean

Whether to greet the user excitedly

Readonly name

name: string = ...

Docs on name

Methods

$watch

  • $watch<T>(source, cb, options?): WatchStopHandle

  • Type Parameters

    • T extends string | ((...args) => any)

    Parameters

    • source: T
    • cb: T extends ((...args) => R)
          ? ((...args) => any)
          : ((...args) => any)
    • Optional options: WatchOptions<boolean>

    Returns WatchStopHandle

greeting

greeting

Docs on greeting

setColor

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc