ref

一雨方知深秋

ref 和 $refs 获取dom元素或者组件实例也就是获取当前组件 dom元素BaseChart.vueApp.vue获取组件实例子组件中用v-model将account和password进行双向数据绑定，只要在页面输入框中输入数据，account和password就能获取到数据。

揭开 Vue 3 中大量使用 ref 的隐藏危机在 Vue 3 中，ref 是用来创建响应式的引用，它能够追踪和管理单一的变量或对象。当代码中大量使用 ref 时，虽然可以实现对各个状态或数据的精细控制，但也会带来一些问题和潜在影响。

C#中的 ref关键字用于实现按引用传递参数C#中的 ref关键字用于实现引用传递，即在方法调用时，不是将参数的值拷贝给方法，而是传递参数的存储位置（引用）。这样，方法内对参数的任何修改都会直接影响到原始变量。以下是关于 ref关键字的一些详细说明：

Rust 中 *、&、mut、&mut、ref、ref mut 的用法和区别在 Rust 中，*、ref、mut、& 和 ref mut 是用于处理引用、解引用和可变性的关键字和操作符，它们在不同的上下文中有不同的用法。

【Vue3】watch 监视 ref 定义的数据随着年龄的增长，很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来，技术出身的人总是很难放下一些执念，遂将这些知识整理成文，以纪念曾经努力学习奋斗的日子。本文内容并非完全原创，大多是参考其他文章资料整理所得，感谢每位技术人的开源精神。

Vue3实战笔记（49）—Vue 3响应式魔法：ref vs reactive深入对决Vue 3 中的 ref 和 reactive 都是用于创建响应式数据的工具，但它们之间存在一些重要的区别。今天聊聊它们之间的主要差异：

我是如此相信ᯤ⁶⁶ᴳ

Vue3+ts(day03：ref和reactive)宏观角度看：区别：先安装这个插件，之前老师推荐的插件好像不能用了然后点击设置，找到扩展，如下图：在扩展中找到vue，勾选Auto Insert:Dot Value

Vue3：响应式数据的基本使用（ref、reactive）结果：点击按钮，响应式数据会在页面上发生变化：ref也可以创建对象类型的响应式数据。修改ref的数据时记得.value的使用以及使用顺序：

Vue3 中应该使用 Ref 还是 Reactive？在Vue 3中，构建响应式数据结构是构建用户界面和交互体验的核心部分。而在创建这些响应式数据时，我们有两个主要工具：reactive和ref。选择使用哪一个，实际上取决于你的数据结构和访问需求。

深入理解C#中的引用类型、引用赋值以及 `ref` 关键字在C#编程中，理解引用类型、引用赋值以及 ref 关键字的使用对于编写高效、可靠的代码至关重要。本文将深入探讨这些概念，帮助您更好地理解C#的工作原理。

阿珊和她的猫

React 中的 ref 和 refs：解锁更多可能性(上)🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

阿珊和她的猫

React 中的 ref 和 refs：解锁更多可能性(下)🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6 🍨 阿珊和她的猫_CSDN个人主页 🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

pinia中使用reactive声明变量，子页面使用时，值未改变,即不是响应式的（解决方法）reactive赋值无效！reactive 不要直接data=赋值！！！会丢失响应式的，只能通过obj.属性 = 属性值赋值方法一. pinia中直接使用ref定义变量即可