初始Vue语法

• 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象

• demo容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法

• demo容器里的代码被称为【Vue模板】

• Vue实例和容器是一一对应的

• 真实开发中只有一个Vue实例，并且会配合着组件一起使用

• {{xxx}}是Vue的语法：插值表达式，{{xxx}}可以读取到data中的所有属性

• 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新(Vue实现的响应式)

  初始示例代码

  初始Vue

  Hello,{{name.toUpperCase()}}

  我的年龄是：{{age}}

  点我更换学校名字

  <script type="text/javascript">
    //阻止 vue 在启动时生成生产提示 也可在原生js里面改
    Vue.config.productionTip = false;
    //创建Vue实例
    new Vue({
      el: "#root", //el用户指定当前Vue实例为那个容器服务，值通常为css选择器字符串
      data: {
        //data中用户存储数据，数据供el所指定的容器去使用，值我们暂时先写成一个对象。
        name: "world",
        age: 18,
      },
    });
  </script>