AlpineComponent

app.components.items = class extends app.AlpineComponent {
  items = []

  onCreate() {
      app.fetch("host/items", (err, items) => {
          this.items = items;
      })
  }
}

<div x-show="!list.length">
  Your basket is empty
</div>
<template x-for="item in items">
  ID: <div x-text="item.id"></div>
</template>

Extends

• Component

destroy()

Description:

• Called when a component is about to be destroyed, calls onDelete class method for custom cleanup

Source:

• component.js, line 40

Overrides:

• Component#destroy

init(params)

Description:

• Called immediately after creation, after event handler setup it calls the class method onCreate to let custom class perform its own initialization

Source:

• component.js, line 27

Overrides:

• Component#init

Parameters: