Source

イベントに反応し特定のアクションを実行します。

項目
Title Protocol Get Put (Set) Post (Action) Description
Nuxt useState state://{name} Clinet / Server
Nuxt server API api://{path} Clinet / Server
Nuxt plugins helper helper://{name} Clinet / Server
Http {custom protocol} Clinet / Server
Session Storage session-storage://{name} Clinet only
Local Storage local-storage://{name} Clinet only
URL Query query://{name} Clinet / Server
URL Path path://{index} Clinet / Server
URL hash hash:// Clinet / Server
Html Element Attributes html-attrs://{name} Clinet / Server
Body Element Attributes body-attrs://{name} Clinet / Server
Meta Element meta://{name} Clinet / Server

How it works

plugins フォルダに登録された

vue
<template>
  <c-input state-src="local-storage://counter-state" type="number" />
  <c-label state-src="local-storage://counter-state" />
  <c-button state-src="local-storage://counter-state" state-action="helper://counter" state-action-params="up"> Count Up </c-button>
  <c-button state-src="local-storage://counter-state" state-action="helper://counter" state-action-params="down">Count Down </c-button>
</template>

<script setup>

</script>