Getting Started


We are starting with a basic HTML and cdn links to set up a basic workflow

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Getting Started Vuejs</title>
    <script src=""></script>
    <div id="root">

     var app = new Vue({
            hello:"Getting started with vue"


How the above code works?

  1. We included a cdn link of vuejs in the head tag
  2. created a div element with id root.
  3. script tag with Vue constructor.

el: It means which element Vue needs to target on the dom.

data: an Internal state that vue manages.

At final we added {{hello}} inside the root element because vue used double curly braces for data binding.

That’s it we successfully created the first vuejs app.