created Instance Created
Last updated: 2026-10-22
created Instance Created
created runs once the instance is initialised with data and methods available but no DOM — the spot for data setup and requests.
| Group | Options: Rendering & Lifecycle |
|---|---|
| Kind | Option |
| Scope | Component |
| Vue Version | 3.0+ |
| SSR Support | Yes |
📝 Syntax
export default {
created() {
this.load() // data ready; DOM absent
}
}⚙️ Arguments
| value | No arguments |
|---|
Returns：No return value
▶ Example
Edit the code below and see the live result:
Output：
Shows 'initialised in created'.💡 Key Points
💡 Tip Use mounted for DOM work; keep data preparation here for earlier execution.
⚠️ Warning created runs on the server under SSR — avoid window and document.
ℹ️ Note In the Composition API, the setup body is the equivalent spot.
🏷️ Related Rendering & Lifecycle
💡 Related Cases
More case studies coming soon.
📚 Related Tutorials
❓ FAQ
Q created or mounted?
A No DOM needed → created; DOM work → mounted.
Q Can I fetch here?
A Yes, common in options style; mind SSR timing.
Q Which Composition API equivalent?
A The setup body, which replaces both hooks.
