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

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

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

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

vue中的ref/reactive区别及原理

Vue中的ref和reactive是两种不同的数据响应式管理方式。 ref是Vue 3中新加入的特性,它可以将一个普通的JavaScript对象转换为响应式对象。通过ref创建的响应式对象在访问和修改时会自动触发重新渲染。ref返回的是一个包含value属性的对象,访问或修改数据时需要通过value属性进行操作。 ...

文章 2024-01-26 来自:开发者社区

Vue 中的 ref 与 reactive:让你的应用更具响应性(下)

$stringUtil.substring( $!{XssContent1.description},200)...

Vue 中的 ref 与 reactive:让你的应用更具响应性(下)
文章 2024-01-26 来自:开发者社区

Vue 中的 ref 与 reactive:让你的应用更具响应性(中)

$stringUtil.substring( $!{XssContent1.description},200)...

Vue 中的 ref 与 reactive:让你的应用更具响应性(中)
文章 2024-01-26 来自:开发者社区

Vue 中的 ref 与 reactive:让你的应用更具响应性(上)

$stringUtil.substring( $!{XssContent1.description},200)...

Vue 中的 ref 与 reactive:让你的应用更具响应性(上)
文章 2024-01-16 来自:开发者社区

Vue中ref与reactive的区别

$stringUtil.substring( $!{XssContent1.description},200)...

文章 2023-12-20 来自:开发者社区

vue中ref与reactive区别与用法

$stringUtil.substring( $!{XssContent1.description},200)...

文章 2023-08-28 来自:开发者社区

vue中什么是ref,什么是reactive?区别是什么?

首先ref函数和reactive函数都是用来定义响应式数据;但是reactive更适合定义复杂的数据类型(json/arr)、ref适合定义基本数据类型(可接收基本数据类型和对象)先说一下ref:ref 函数传入一个值作为参数,返回基于该参数的响应式ref对象ref 接受参数,并将其包裹在一个带有 value p...

文章 2023-08-15 来自:开发者社区

Vue ref和reactive 的区别

ref响应式变量ref 函数传入一个值作为参数,返回基于该参数的响应式ref对象ref 接受参数,并将其包裹在一个带有 value property 的对象中返回,然后可以使用该 property 访问或更改响应式变量的值将值封装在一个对象中,看似没有必要,但为了保持 JavaScript 中不同数据类型的行为统一,这是必须的...

文章 2023-07-11 来自:开发者社区

Vue通过接口获取对象reactive

let a = reactive({}); axios({ method: "post", url: "", data: qs.stringify({}), }) .then((res) => { Object.assign(a, res.data.data); ...

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

阿里巴巴终端技术

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

+关注