vue el和data的两种写法与数据代理

data通常用函数的方式书写

  //el和data的第一种写法
      //   new Vue({
      //     el: "#root",
      //     data: {
      //       platform: "百度",
      //       text: "百度一下",
      //       src: "http://www.baidu.com",
      //     },
      //   });
      //el和data的第二种写法
      const v = new Vue({
        data: function () {
          // 可以简写为data(),但不能简写为箭头函数
          return {
            platform: "百度",
            text: "百度一下",
            src: "http://www.baidu.com",
          };
        },
      });
      v.$mount("#root");
    </script>

数据代理：Vue实例的_data属性是model中data属性的复制。
1.Vue中的数据代理：
通过vm对象来代理data对象中属性的操作（读/写）
2.Vue中数据代理的好处：
更加方便的操作data中的数据
3.基本原理：
通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加到vm上的属性，都指定一个getter/setter。在getter/setter内部去操作（读/写）data中对应的属性。