vue

sidebar
auto

Vue

What is Vue?

Vue (pronounced like view) is a progressive framework for building user interfaces.

It is designed from the ground up to be incrementally adoptable, and can easily scale between a library and a framework depending on different use cases.

It consists of an approachable core library that focuses on the view layer only, and an ecosystem of supporting libraries that helps you tackle complexity in large Single-Page Applications.

Why Vue.js

<iframe src="https://player.vimeo.com/video/247494684?autoplay=1&color=4fc08d&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>

How do I get Started?

Intro to Vue.js Video Course

Cheat Sheets

Cheat sheets save you time and energy by giving you essential syntax at your fingertips.

Vue Essentials Cheat Sheet

<iframe src="https://www.vuemastery.com/pdf/Vue-Essentials-Cheat-Sheet.pdf" width="480" height="640"></iframe>

Vue 3 Cheat Sheet

<iframe src="https://www.vuemastery.com/pdf/Vue-3-Cheat-Sheet.pdf" width="480" height="640"></iframe>

Nuxt Essentials Cheat Sheet

<iframe src="https://www.vuemastery.com/pdf/Nuxtjs-Cheat-Sheet.pdf" width="480" height="640"></iframe>

VueX Cheat Sheet

VS Code Extensions

Vetur

Vue VS Code Snippets

Curated Libraries

Awesome Vue Resources

AwesomeJS Libraries

<style scoped> .scrolling-wrapper { display: flex; flex-wrap: nowrap; overflow-x: auto; } .scroll-child { flex: 0 0 auto; margin-right: 36px; font-size: 24px } .vue-mastery { background-color: #3eaf7c; padding: 1em 1.25em; border-radius: 6px; color: #FFFFFF; position: relative; margin-top: 1em; } .vue-mastery a { color: #FFFFFF !important; position: relative; padding-left: 36px; } </style>