文章 2024-11-04 来自:开发者社区

简记 Vue3(一)—— setup、ref、reactive、toRefs、toRef

个人简介 👀个人主页: 前端杂货铺🙋‍♂️学习方向: 主攻前端方向,正逐渐往全干发展📃个人状态: 研发工程师,现效力于中国工业软件事业🚀人生格言: 积跬步至千里,积小流成江海🥇推荐学习:🍍前...

文章 2024-10-31 来自:开发者社区

vue3知识点:reactive函数

@[toc] 二、常用 Composition API 问题:啥叫“组合式API”? 答案:请看官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 3.reactive函数 作用: 定义一个对象类型的响应式数据(基本类型不要用它࿰...

vue3知识点:reactive函数
文章 2024-10-31 来自:开发者社区

vue3知识点:reactive对比ref

@[toc] 二、常用 Composition API 问题:啥叫“组合式API”? 答案:请看官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 5.reactive对比ref 从定义数据角度对比:ref用来定义:基本类型数...

vue3知识点:reactive对比ref
文章 2024-09-29 来自:开发者社区

Vue学习笔记4:用reactive() 实现数据更新的实时视图显示

0 前言 Vue 的核心功能是声明式渲染,这让我们可以对 HTML 中的内容发生变化时进行响应式地自动更新。 响应式状态可以使用 Vue 的API ref()  或 reactive() 来声明。 在 Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示_PurpleEndurer@5lcto的技术博客_51CTO博客 ...

Vue学习笔记4:用reactive() 实现数据更新的实时视图显示
文章 2024-09-24 来自:开发者社区

Vue3基础(二)___reactive

在Vue3中创建响应数据有两种方式一种是ref,另一种就是reactive reactive 首先在该组件引入 import { ref, reactive } from "vue"; <template> <div> <p>姓名:{{obj.name}}</p> <p>年龄:{{obj.age}}</p&g...

Vue3基础(二)___reactive
文章 2024-09-14 来自:开发者社区

Vue3 : ref 与 reactive

一.ref在 Vue 3 中,ref 是一个用于创建可读写且支持数据跟踪的响应式引用对象。它主要用于在组件内部创建响应式数据,这些数据可以是基本类型(如 number、string、boolean)或者是对象。ref 的主要作用是提供一种方式来创建和操作响应式数据,使得 Vue 能够在数据变化时自动更新视图。 二.reacti...

文章 2024-09-12 来自:开发者社区

vue3 reactive数据更新,视图不更新问题

初次使用vue3 通过reactive 做响应式处理时,发现更新了数据,试图不更新问题。代码是这样写的 <template> <div> <div> 数据:{{ dataList.name }} </div> <el-bu...

文章 2024-08-20 来自:开发者社区

vue3基础ref,reactive,toRef ,toRefs 使用和理解

在 Vue 3 中,ref、reactive、toRef 和 toRefs 是用于响应式数据管理的重要工具。理解它们的使用方式和区别对于有效地利用 Vue 3 的响应式系统至关重要。以下是对这些工具的详细解释和示例。 一. ref ref 是 Vue 3 中用于创建响应式数据的一种方法。它主要用于处理基本数据类型(如字符串、数字、布尔值)以及简单的对象和...

文章 2024-08-09 来自:开发者社区

Vue 3 为什么同时需要 Ref 和 Reactive?

前言 Vue 3 引入了两个新的响应式 API:ref 和 reactive。这两个 API 都可以用于创建响应式数据,但它们在使用场景和实现方式上有一些显著的区别。本文将详细探讨 Vue 3 为什么需要同时引入 ref 和 reactive,并通过代码示例来展示它们各自的优势和适用场景。 Ref 和 Reactive 的介绍 什么是 Ref? ...

Vue 3 为什么同时需要 Ref 和 Reactive?
文章 2024-07-06 来自:开发者社区

手写 vue3 的 ref,reactive 和 watchEffect

// 存储副作用函数的集合,类似数组,但无序,比数组性能更好 const fns = new Set(); function reactive(obj) { return new Proxy(obj, { get(target, key) { // 取值时,若发现副作用函数,则添加到副作用函数集合 if (activeFn) fns.add(activeFn...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注