m0_61768030的博客

computed是依赖的值变了，它去重新求值，watch是目标值变了，它去执行函数。状态会立即改变, 而监听属性与组件重新渲染, 至少都会在下一个。直接上demo，了解一下语法先~：在数据更新时, 计算属性的。属性，本质上都是同一个。computed带有。

我是子组件的button，点击可通过事件方式向父组件传值

组件实例对象data必须为函数，目的是为了防止多个组件实例对象之间共用一个data，产生数据污染。即原理是如果data是一个对象的话，两个组件中设置的data都会引用同一个内存地址，而用函数的话，则会在每次引用的时候返回一个新的地址。根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况。

为何要延迟回调，这跟前提里提到了Vue实现响应式原理有关，Vue是异步执行DOM更新的，这就导致了DOM不会立马更新，而nextTick则就是等到DOM更新后，再去执行回调，这就是说其为。由此，我们可以推测其作用，在vue的数据发生改变后，DOM也更新后，才执行nextTick里面的代码。而是等所有的数据发生改变后，才去更新DOM。那问题来了，如果我们就是要通过DOM拿到更新的值，Vue实现响应式，并不是数据发生改变后，DOM立刻随之变化，从以下可以看出。怎么获取更新后的DOM元素值呢，

生命周期：出生到死亡，即一个实例的开始到结束，即一个生命周期，这里主要讲一个vue组件实例的一个生命周期。$data：数据，即我们在组件中data或computed中定义的数据el元素，即像这种无$data，无$el在组件实例初始化完成之后立即调用。会在实例初始化完成、props 解析之后、data()和computed等选项处理之前立即调用。

在创建了且运行后，会有生成下图的，笔者好奇他们的，搜索了一番后在此做个记录，如果有错误的地方，望海涵和修正啊❤️话不多说，让我们开始介绍吧～

给元素绑定事件监听器。当用于普通元素，只监听原生 DOM 事件。当用于自定义元素组件，则监听子组件触发的自定义事件。（注意：自定义事件是组件通信的内容，我们另外再系统讲！当监听原生 DOM 事件时，方法接收原生事件作为唯一参数。如果使用内联声明，声明可以访问一个特殊的$event。v-on还支持绑定不带参数的事件/监听器对的对象。请注意，当使用对象语法时，不支持任何修饰符。动态的绑定一个或多个 attribute，也可以是组件的 prop。（源于vue文档）（注意：那我们这里主要讲。

背景：在做一个小项目的时候，需要有点击不同的按钮切换不同图片的功能，如何把图片放到data里呢，放的数据结构是什么呢，故在此简单做个笔记记录一下。