Skip to content

docs: clarify hyphenated listener names in attrs - #3488

Open
Doomguy-BFG9000 wants to merge 1 commit into
vuejs:mainfrom
Doomguy-BFG9000:docs/3127-hyphenated-listener-attrs
Open

Doomguy-BFG9000 wants to merge 1 commit into
vuejs:mainfrom
Doomguy-BFG9000:docs/3127-hyphenated-listener-attrs

Conversation

@Doomguy-BFG9000

Copy link
Copy Markdown

Description of Problem

The fallthrough attributes guide shows @click as $attrs.onClick, but leaves the conversion of hyphenated component event names implicit.

Closes #3127.

Proposed Solution

Add the concrete mapping from @my-event to $attrs.onMyEvent beside the existing listener example. The note applies to component listeners, without extending the DOM-only uppercase behavior to components.

Additional Information

Validation: the full site build passed with pnpm 10.33.0. A Chrome runtime check compiled and mounted a component with @my-event and @click, and verified that $attrs.onMyEvent and $attrs.onClick reference their handlers. The changed paragraph was inspected at 1440px and 390px, with no horizontal overflow or page errors.

@netlify

netlify Bot commented Nov 6, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for vuejs ready!

Name Link
🔨 Latest commit be776ec
🔍 Latest deploy log https://app.netlify.com/projects/vuejs/deploys/6aed66e9dbb1df6f3c5aef19
😎 Deploy Preview https://deploy-preview-3488--vuejs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

v-on event listener name mangling nuance

1 participant