index.html 707 B

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <link rel="stylesheet" href="../styles.css" />
  7. </head>
  8. <body>
  9. <nav>
  10. <h1><span class="index">1</span>Basic data binding</h1>
  11. <ul>
  12. <li><a href="../lesson02">Next</a></li>
  13. </ul>
  14. </nav>
  15. <div id="root">
  16. <input type="text" id="input" v-model="message" />
  17. <p v-cloak>The value of the input is: {{ message }}.</p>
  18. </div>
  19. <script src="https://unpkg.com/vue@2.1.3/dist/vue.js"></script>
  20. <script>
  21. const app = new Vue({
  22. el: '#root',
  23. data: {
  24. message: "Hello world",
  25. }
  26. });
  27. </script>
  28. </body>
  29. </html>