学习尚硅谷Vue总结

昨天学会了引入和简单的配置Vue，今天主要理解MVVM模型、Vue中的数据代理，这也是Vue中很重要的组成部分，先说MVVM模型，它是由三部分组成的，第一个M代表的是模型是Vue实例中的data数据，第二个V代表的是试图，指的是页面的DOM元素，第三个是VM，代表的是视图模型，也是Vue的底层核心，通俗点说是Vue实例，通过验证发现data中的所有属性都会出现在VM身上，所以在Vue模板中也可以直接去使用。第二部分学的是数据代理，数据代理离不开一个对象方法就是Object.defineProperty，这个方法里面有很多的属性供我们使用，比如enumerable是控制属性是否可以被枚举、writable是控制属性是否可以修改、configurable是控制属性是否可以被删除，他们的默认值都是false，也就是说默认都是不可以的，需要我们手动将属性的值改为true该属性才生效，这个方法里面不止有属性还有很重要的两个方法，分别是get和set，数据直接的代理就是通过这两个方法相互实现的，首先get方法是用来监听数据是否被访问，它的return返回值可以设置成我们想要关联的另一个对象的属性，正是这样，如有访问可以通过访问对象1可以拿到对象2的值，这个方法只是读取，还有第二个方法就是刚才说到的set，这个方法同样是监听，但是监听的是修改而不是访问，当数据被修改的时候，这个方法就会被调用，调用的同时我们可以在传参的地方获得修改后的值，再将该值赋值给我们关联的对象属性，Vue就是通过给data里面的每个属性都添加了这两个方法，这样就达到了一个数据代理的目的。明天将学习Vue的事件处理内容。