2.导入vue.html 707 B

1234567891011121314151617181920212223242526272829
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!--
  10. Vue2 特点:
  11. 1.MVVM模式:model view viewModel 视图改变 数据更新 数据更新 视图改变
  12. 2.组件化
  13. 3.模块化
  14. -->
  15. <div id="app"></div>
  16. <!--
  17. 1.引入本地环境
  18. 2.创建跟标签
  19. 3.实例化Vue
  20. 4.在实例化中将跟标签进行关联
  21. -->
  22. <script src="./vue.js"></script>
  23. <script>
  24. var app = new Vue({
  25. el:"#app"
  26. });
  27. </script>
  28. </body>
  29. </html>