Vue quick start
See also: web-development, learning-vue
Reference: Vue quick start
Creating a Vue Application#
Locally with a build tool#
Use the Vue project scaffolding tool npm create vue@latest
and then npm install
and away you go all the structure provided.
The HTML file has two main steps
- Define a
div
element for the app -
Include the
main.js
Which in turn uses a
createApp
function to create the app and thenmount
it to thediv
element.
The SFC (Single File Component) is (typically) a App.vue
file that contains the template, script and style all in one file. i.e. defining a component for the application.
Child components are defined in the components
folder.
Using a CDN#
The Vue library can be included via a CDN and then the Vue.createApp
function can be used to create the app and mount it to the div
element.