From the course: Vue.js 2 for Web Designers

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating an instance from the mock-up

Creating an instance from the mock-up - Vue.js Tutorial

From the course: Vue.js 2 for Web Designers

Start my 1-month free trial

Creating an instance from the mock-up

- [Narrator] In this video we are going to create our first vue instance to confirm that everything is working properly. We need a little bit of html bar from the mock-up and a little bit of java script to do this. So once again, here's my index.html where all the stuff is going to go. Of course we have nothing. So what I'm going to do is borrow a little mark-up from the mock-up. So we can use our original styles as much as possible without having to alter anything to make it look right. So over here in my editor, visual studio code, going to open up my mock-up file and I'm going to use the "go to line" command, which is ctrl + g by default. And I'm going to jump down to line 114. I just happen to know that that's where I need to go. And I've inserted a little spot here where the vue components will go. Note that this is a div with the id "vue-root". But the mock-up itself, all the static html is in a div with the class customizer. So we'll just remember that and go over to our…

Contents