Enter Your Email Address to Watch This Lesson

Your link to unlock this lesson will be sent to this email address.

Unlock this lesson and all 983 of the free egghead.io lessons, plus get Vue.js content delivered directly to your inbox!



Existing egghead members will not see this. Sign in.

Create a Basic Component using Vue.js

1:04 Vue.js lesson by

Vue.js is a "progressive framework for building user interfaces." The core of Vue is focused on the view layer only. It's easy to get started and quick to set up.

In this lesson, we will create a basic Vue component using the new Vue() method and add data properties to show dynamic content in window.

Get the Code Now
click to level up

egghead.io comment guidelines

Avatar
egghead.io

Vue.js is a "progressive framework for building user interfaces." The core of Vue is focused on the view layer only. It's easy to get started and quick to set up.

In this lesson, we will create a basic Vue component using the new Vue() method and add data properties to show dynamic content in window.

Avatar
chenyang

what tool are you using to edit data from console? looks very convenient.

Avatar
Vinicius

Hi @chenyang, he is just using the exposed variable created using "var card = new Vue".

In reply to chenyang
Avatar
Sergey

I find title confusing, b/c I was looking for a video about Vue.component

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?