component.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>VueJS Tutorials</title>
        <link href="styles1.css" rel="stylesheet" />
        <script src="https://unpkg.com/vue"></script>
    </head>
    <body>
        <h1>Templates</h1>
        <div id="vue-app-one">
            <h1>Vue App One</h1>
            <greeting></greeting>
        </div>
        <div id="vue-app-two">
            <h1>Vue App Two</h1>
            <greeting></greeting>
        </div>
        <!--<div class="test"></div>
        <div class="test"></div> -->
        <h1>Refs</h1>
        <div id="vue-app-three">
            <input type="text" ref="input" />
            <button v-on:click="readRefs">Submit</button>
            <p>your favourite food:{{ output }}</p>
            <div ref="test">hello</div>
</div>

    </body>

    <script src="app1.js"></script>
</html>