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 = falsenew 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 ...

Get Vue.js Quick Start Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.