You’re browsing Vue 2 docs. Go to Vue 3 docs , or learn more about | Vue 2.7 and | Extended LTS.

Learn
- Documentation
- - Guide
  - API
  - Style Guide
  - Examples
  - Cookbook
- Video Courses
- - Vue Mastery
  - Vue School
Ecosystem
- Help
- - Forum
  - Chat
  - Meetups
- Tooling
- Core Libraries
- News
- - Weekly News
  - Events
  - Twitter
  - Blog
  - Jobs
  - DEV Community
Resources
Extended LTS^NEW
Translations

Special Sponsor

Platinum Sponsors

Become a Sponsor

Examples

Markdown Editor
GitHub Commits
Grid Component
Tree View
SVG Graph
Modal Component
Elastic Header
Wrapper Component
Realtime with deepstreamHub
Firebase + Validation
TodoMVC
HackerNews Clone

Platinum Sponsors

Become a Sponsor

Grid Component Example

This is an example of creating a reusable grid component and using it with external data.

Caught a mistake or want to contribute to the documentation? Edit this on GitHub! Deployed on Netlify .