The structure of our Vue-cli-based project

In this section, we'll look at the file structure of our Vue project that we have set up using Vue-cli. Our quickstart-vue folder structure is as follows:

Let's first examine the contents of the main.js file:

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App)
}).$mount('#app')

We begin by importing Vue from the vue folder. This vue folder is located in your node_modules folder. 

Next, we import App from App.vue. 

As we have already learned, new Vue creates a Vue instance, and we then pass it the options object.

Inside the options object, we are only setting the render property. As we can see, the render property's value is an arrow function:

h => h(App)

The arrow function accepts, as its parameter, the...