6.Vue检查数据改变的原理_对象.html 793 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Vue检查数据改变的原理_对象</title>
  8. <!-- 引入vue -->
  9. <script type="text/javascript" src="../js/vue.js"></script>
  10. </head>
  11. <body>
  12. <!-- 准备好一个容器 -->
  13. <div id="root">
  14. <h2>学校名称:{{name}}</h2>
  15. <h2>学校地址:{{address}}</h2>
  16. </div>
  17. </body>
  18. <script type="text/javascript">
  19. Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示
  20. const vm = new Vue({
  21. el: '#root',
  22. data: {
  23. name:'尚硅谷',
  24. address:'北京'
  25. }
  26. })
  27. </script>
  28. </html>