![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 64
丹丹的小跟班
这个作者很懒,什么都没留下…
展开
-
watchEffect
试想一下,如果里面有一个请求的方法,当这个方法还没来得及响应,有数据就已经更新并重新执行了这块的方法,那么又会重复的调用请求,这不但会浪费服务资源,甚至会造成竞态问题,所以我们需要有一个时机,这个时机允许我们在下一次调用函数之前去做一个清除的操作。在watchEffect的第一个参数函数里面(我们叫做函数A),函数A也有一个参数,这个参数也是一个函数(我们叫他函数B),函数B的执行时机就是在下次函数A执行之前。在平时使用时,同步语句创建的侦听器,会自动绑定到宿主组件实例上,并且会在宿主组件卸载时自动停止。原创 2021-08-20 16:32:16 · 822 阅读 · 0 评论 -
响应性基础 API2——ref系列
ref接受一个内部值(任何值)并返回一个响应式且可变的 ref 对象。ref 对象仅有一个.value属性,指向该内部值。如果传入的值为一个对象,则他的所有属性值采用reactive进行响应式转换,也就是说使用ref进行响应式转换后的数据时,只需要对最外层的对象使用一次.value即可。<script setup> import { ref } from 'vue' let obj = ref({name: 'fufu', info: {age: 20}}) console.l原创 2022-03-02 14:25:43 · 460 阅读 · 0 评论 -
响应性基础 API1——reactive系列
vue3在组合式风格里面中,所有的数据创建都不是响应式的。所以官方也推出一系列将数据与响应式数据转换的方法。reactive返回对象的响应式副本(参数必须为一个对象)。响应式转换是“深层”的——它影响所有嵌套 property。<script setup> import {reactive} from 'vue' let user = {info: {age: 20}} const proxyUser = reactive(user) function ageAdd() {原创 2022-03-01 17:29:51 · 353 阅读 · 0 评论 -
vue2和vue3使用ref获取元素
vue2和vue3通过red获取元素原创 2022-01-10 17:49:02 · 15965 阅读 · 0 评论