网站首页 refvue

• 

  vue 3 ref、reactive

  在Vue3中，ref是一个新的响应式引用对象，用于包裹普通的JavaScript值，并将其转换为响应式的数据。ref函数接受一个初始值作为参数，并返回一个包含响应式值的对象。当你更新ref的值时，相关的组件会自动重新渲染。...

  2024-12-15 baijin 博客文章 28 ℃ 0 评论
• 

  手把手教你Vue之父子组件间通信实践讲解【props、$ref 、$emit】

  组件是vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和$emit这几个知识点，来讲解如何...

  2024-12-15 baijin 博客文章 7 ℃ 0 评论
• 

  Vue3响应式:ref vs reactive，5分钟消除使用困惑

  前言Vue3用久了，你会不会对自己手下的代码产生一些疑问？比如说：有了reactive，那还需要ref干啥？同样是响应式代理，为什么只有ref可以代理原始数据，reactive却不行？...

  2024-12-15 baijin 博客文章 7 ℃ 0 评论
• 

  Vue3 理解 toRef 和 toRefs 的作用、用法、区别

  toRef/toRefs作用toRef和toRefs可以用来复制reactive里面的属性然后转成ref，而且它既保留了响应式，也保留了引用，也就是你从reactive复制过来的属性进行修改后，除了视图会更新，原有ra...

  2024-12-15 baijin 博客文章 5 ℃ 0 评论
• 

  Vue3为什么推荐使用ref而不是reactive

  为什么推荐使用ref而不是reactivereactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代optionapi的data的替代,可以存放任何数据类型,而reacti...

  2024-12-15 baijin 博客文章 4 ℃ 0 评论
• 

  一文搞懂Vue3中如何使用ref获取元素节点?

  前言虽然在Vue中不提倡我们直接操作DOM，毕竟Vue的理念是以数据驱动视图。但是在实际情况中，我们有很多需求都是需要直接操作DOM节点的，这个时候Vue提供了一种方式让我们可以获取DOM节点：...

  2024-12-15 baijin 博客文章 6 ℃ 0 评论
• 

  70%的人都答错了的面试题，vue3的ref是如何实现响应式的?

  前言最近有位面试官分享了一道他的面试题：...

  2024-12-15 baijin 博客文章 6 ℃ 0 评论
• 

  vue3 的 ref、isRef、toRef、toRefs、toRaw 详细介绍

  ref、isRef、toRef、toRefs、toRaw看着一堆类似的东西，一个头两个大，今天整理一篇文章详细介绍它们的功能及区别。1、refref属性除了能够获取元素外，也可以使用ref函数，创建一个响应式数据，当数据值发生改变...

  2024-12-15 baijin 博客文章 5 ℃ 0 评论