Create a Basic Component using Vue.js

Share this video with your friends

Send Tweet

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.

chenyang
chenyang
~ 8 years ago

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

Vinicius
Vinicius
~ 8 years ago

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

Sergey
Sergey
~ 8 years ago

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

Victor Hazbun
Victor Hazbun
~ 7 years ago

What version of Vue.js is this course using?

egg
egg
~ 7 years ago

which editor or IDE are you using in this video?

egg
egg
~ 7 years ago
Chinmay Sahoo
Chinmay Sahoo
~ 7 years ago

Please let me know which IDE you are using..Its look cool.

boffinhouse
boffinhouse
~ 7 years ago

looks like Codepen ;) (codepen.io)

Stephen
Stephen
~ 7 years ago

Where is the start of this "course"?

Juraci
Juraci
~ 7 years ago

Where is the start of this "course"?

Exactly, would be very beneficial to have at least one video on the basic setup, like vue-cli new app.

Calvin Nguyen
Calvin Nguyen
~ 6 years ago

I'm following along with codepen. What do I need for CSS to get the same display visual?

kishimoto
kishimoto
~ 6 years ago
Lluís Peinado
Lluís Peinado
~ 6 years ago

Cannot make it work in my local seems that some of my settings (default) are wrong I get "property card is not defined"

Cody
Cody
~ 6 years ago

It's easy to get started and quick to set up.

would've been nice to see how to set up

Netology
Netology
~ 5 years ago

Please, mind the sound quality. Can't hear a thing, too quiet :(

Gary
Gary
~ 5 years ago

first lesson keeps erroring out after about 10 secs