随着vue3的发布,很多东西都会有相应的变化,今天就来讲讲其中侦听器的变化...
1.单个侦听器(watch)
首先来看一下单个侦听器是:
看完其实不难理解的,随后我自己写了一个示例:
其中可以看到左边是我们以前2.x的写法,右边是最新的3.0的写法,具体差距其实并没有那么大.这是具体的代码:
2.多个侦听器(watch)
然后我寻思着要是出现了两个或者两个以上的数据监听,在2中当然可以实现,继续写方法就可以了,那么要是在3中那总不能再写一个watch出来吧,这样明显会造成代码的冗余,然后翻看文档,自己总结了一下.跟文档中一样采用数组的方式来实现.
具体效果如下:
当我点击第一个按钮的时候,可以发现两个地方的数据都监听到了.可以发现,当采用数组的方式来监听多个数据的时候,两个数组中的数据与我们单个侦听器有所不同,它将所有的新数据与所有的旧数据都给我们分开了,这是其中最大的一个不同点,也是一个注意点.以上就是我对vue3的侦听器的分析.
