This website requires JavaScript.

Vue

Installation

Requires NPM/Yarn for using without CDN

CommandDescription
npm install -g @vue/cliInstall VueJS through NPM
yarn global add @vue/cliInstall VueJS through Yarn

Creating a Project

CommandDescription
vue create <project-name>Creates and initializes the project with chosen features
vue uiOpens a GUI in the browser. Recommended if not comfortable with CLI

Vue Template Syntax

The Vue app is broken into 3 main components:

  • Template (HTML):
    <template>
        HTML goes here
    </template>
    

JavaScript:

<script>
    JavaScript related things and Vue APIs
</script>

Styling (CSS):

<style>
    CSS goes here
</style>
```css
Vercel
Window