Vue.js 2 Web Development Projects

Creating the app

Any Vue app need a JavaScript entry file where the code will start:

1. Remove the content of the src folder.
2. Create a new JavaScript file called main.js with the following content:

      import Vue from 'vue'      new Vue({        el: '#app',        render: h => h('div', 'hello world'),      })

First, we import the Vue core library into the file. Then, we create a new root Vue instance that will attach to the element of id app in the page.

A default index.html file is provided by vue-cli for the page with an empty <div id="app"></div> tag. You can edit it to change the page HTML to your liking.

Finally, we display a div element containing the 'hello world' text, thanks to the render option we will introduce in the "Render functions" section.