24 April 2019
vue
components

Anatomy of Vue Component V1

Anatomy of Component in Vue 2 - one pager explainer to see what goes in Vue single-file component.

Related Content

article
Vue Components Design Patterns: Back to BasicsExplore the foundational design patterns of Vue components in this comprehensive guide. Learn the basics of Single File Components, the Composition API, Render Function Components, Functional Components, and Renderless Components. Discover how to implement these patterns with practical examples, and enhance your understanding of Vue.js to build more efficient and maintainable applications.
article
Compare DocsPage and MDX syntax in Storybook with exampleCompare DocsPage vs MDX syntax side by side and learn to document components using Storybook
article
Create Card component story using Storybook with NuxtCreate Card component story using Storybook with Nuxt
article
Convert bubble cannon animation from GSAP2 to GSAP3Decipher bubble cannon animation created using GSAP 2 and convert it into GSAP 3 codebase along the way.
diagram
VuePress Theme Blog DevelopmentNew to building custom VuePress theme? VuePress-theme-blog by @ ulivz is the perfect place to start. Here's one page explainer of how components are organised in VuePress blog-theme.
diagram
Vue Application Folder StructureVue application folder structure for the project created using Vue CLI 4
diagram
Anatomy of Vue Component V2Anatomy of Component in Vue 2 - created in bullet-chamber style! One pager explainer to see what goes in Vue single-file component.

Footer

krutiepatel.com
Blog Publications Diagrams
Pariksha NuxtDojo
CodepenCodesandboxTwitterGitHubMediumRSS

Subscribe to NuxtDojo Newsletter Subscribe to NuxtDojo Newsletter

Receive occasional emails about my bookish 📚 endeavours and discover the secrets behind writing technical book. You'll get updates including fresh articles, detailed diagrams on Nuxt.js and Vue.js, recommended readings, and more.

Like what you're reading on my blog?

Show some love and buy me a coffee on Ko-fi ☕️—let's be BFFs!

Buy Me a Coffee

© 2020-2025 Krutie Patel. All rights reserved.