一套用于构建用户界面的渐进式JavaScript框架

特点

  1. 组件化模式

  2. 声明式编码

    注意

  3. Vue工作前提是必须创建一个Vue实例

  4. 容器和Vue实例是一一对应
  5. 容器root里面的代码被称为【Vue模板】
  6. {{}}里面的只是识别js表达式且能识别读取到data的所有属性

  7. data里面的数据发生改变，页面中使用到该数据的地方也会自动更新

    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>Document</title>
    8.  <script type="text/javascript" src="../01/js/vue.js"></script>
    9. </head>
    10. <body>
    11.  <div id="root">
    12.      <h1>hello,{{name}}</h1>
    13.      <h2>{{name}}的年龄,{{age}}</h1>
    15.  </div>
    17.  <script type="text/javascript">
    18.      Vue.config.productionTip = false
    19.          new Vue(
    20.          {
    21.              el:'#root',
    22.              data:{
    23.                  name:'世界',
    24.                  age:15
    25.              }
    26.          }
    27.      );
    28.  </script> 
    29. </body>
    30. </html>