Access the highest quality library of Vue courses free. July 22-24 only

You’re browsing the documentation for v2.x and earlier. Click here for v3.x documentation.

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
  - Roadmap
  - Events
  - Twitter
  - Blog
  - Jobs
  - DEV Community
Team
Resources
Support Vue
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

You’re browsing the documentation for v2.x and earlier. For v3.x, click here.

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 .