2.vue导入.html 747 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. <div id="app"></div>
  10. <!--
  11. vue2特点:
  12. 1.MVVM:Model View ViewModel(视图和数据的自动同步)
  13. 数据变化 视图更新
  14. 视图更新 数据变化
  15. 响应式
  16. 2.组件化
  17. 把页面拆成一个个 独立的可复用的模块
  18. 3.模块化
  19. 把不同功能的代码拆成独立的.js文件 互不干扰
  20. -->
  21. <script src="./vue.js"></script>
  22. <script>
  23. var app = new Vue({
  24. // 将实例挂载
  25. el:"#app"
  26. })
  27. </script>
  28. </body>
  29. </html>