Teacherinfo.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CourseGo SHOU Teacher Info</title>
        <!-- <link rel="stylesheet" href="style.css"> -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>
        <header>
            <h1 href="http://www.coursego.cn/">CourseGo</h1>
        </header>
        <section>
            <div id="search-box">
                <input v-model="message">
            </div>

            <div id="search-button">
                
                <button v-on:click="search">Search!</button>
                <button v-on:click="lucky">Feel Lucky?</button>

                <p>Name: {{ list.name }}</p>
                <p>Department: {{ list.department }}</p>
                <p>Telephone: {{ list.telephone }}</p>
                <p>Phone: {{ list.phone }}</p>
                <p>Email: {{ list.email }}</p>
                

            </div>
           
        </section>

        <script src="Teacherinfo.js"></script>
    </body>
</html>