Getting Started

Published on Jun 23, 2021

To understand the purpose of this website visit the About page.

Vue.js a very popular JavaScript framework, currently experiencing a huge surge in popularity. It is a progressive framework (adapts to the needs of the developer) - one can use as much as required.

Start template

index.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>My App</title>
    <script src="https://unpkg.com/vue@latest"></script></head>
  <body>
    <div id="app">
      <h1>{{ greeting }}</h1>
      <img v-bind:src="image" alt="Main Image" />
    </div>
    <script src="./app.js"></script>
  </body>
</html>

main.js

const app = Vue.createApp({
  data() {
    return {
      greeting: 'Hello world',
      image: 'https://picsum.photos/200/300'
    }
  }
});
const mountedApp = app.mount('#app');

See more on binding attributes.