Learn how Vue.js organizes a project created with the Vue CLI: explore the src folder, assets, main.js bootstrap, and the root.vue component. Understand how Webpack and Babel enable ES6 imports, how the root component is rendered into index.html, the.vue file structure…
Chapters
#vuejs#clip#frontend
Key Concepts
Vue CLI project structure
The src folder contains the application code you'll edit.
The assets folder is for images and static assets.
main.js bootstrapping
Imports Vue and the root App.vue.
Creates a new Vue instance and uses a render function to mount the root component into the element with the app ID in index.html.
ES6 imports are enabled by Webpack and Babel.
.vue single-file component anatomy
: component HTML; must have a single root element.
