文章 2024-03-06 来自:开发者社区

【Vue3】使用ref与reactive创建响应式对象

介绍ref 先来简单介绍一下ref,它可以定义响应式的变量 语法:let xxx = ref(初始值)。 **返回值:**一个RefImpl的实例对象,简称ref对象或ref,ref对象的value属性是响应式的。 注意点: JS中操作数据需要:xxx.value,但模板中不需要.value,直接使用即可。 ...

【Vue3】使用ref与reactive创建响应式对象
文章 2023-08-06 来自:开发者社区

解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?(二)

2、在reactive中使用对象包裹要改变的数据代码如下:<script setup> // 引入模块 import { reactive, onMounted } from 'vue' import http from '@/utils/request' let parmar = reactive({ menus: [ ] }); onMounted(() => { ...

解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?(二)
文章 2023-08-06 来自:开发者社区

解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?(一)

场景原因我们需要在vue3中使用服务器的数据渲染到页面上,我使用的是reactive生成的响应式数据属性,但是在挂载后请求的数据并没有渲染显示到页面上。技术:vue3 、 element-ui-plus一、例子home.vue<template> <div class="common-layout"> <el-menu @select="changeMe...

解决在vue3中使用reactive响应式,赋值后造成页面不改变的问题?(一)
文章 2022-09-27 来自:开发者社区

【Vue3从零开始-第六章】6-2 ref和reactive响应式引用的用法

前言在上一篇的文章中,我们了解了vue的compositionAPI及setup函数的使用,本章节中将会继续学习compositionAPI中的知识点ref和reactive响应式引用的用法。开始之前上篇文章中学习setup函数的时候,我们知道了可以通过setup函数返回数据值给模板上渲染,那么如果想要修改setup函数中的数据值,还能很好的渲染出来嘛?<script> cons...

【Vue3从零开始-第六章】6-2 ref和reactive响应式引用的用法
文章 2022-08-22 来自:开发者社区

Vue3源码学习(3):reactive + effect + track + trigger 实现响应式系统

回顾上篇文章,我们实现了 reactive 方法,它内部采用了 Proxy 来实现对象属性操作的拦截。这是实现响应式系统的前提,我们必须先拦截到用户对属性的访问,之后才能做依赖收集;再拦截到用户对属性的修改,才能做派发更新。effect 方法基本用法如果之前了解过 Vue2 的响应式原理,那么对于 Watcher 你一定不会陌生。它是 Vue2 响应式系统中的核心之一,无论是响应式数据,还是 c....

Vue3源码学习(3):reactive + effect + track + trigger 实现响应式系统
文章 2022-05-21 来自:开发者社区

Vue3 的 Reactive 响应式到底是什么

​Vue 3 除了令人钦佩的性能改进,还带来了一些新功能。可以说,最重要的介绍是 Composition API 。在本文的第一部分中,我们将概括 Vue3 创建新 API 的动机:即,更好的组织和重用代码。在第二部分中,我们将重点讨论使用新API时较少讨论的方面,例如响应式特性。我将响应式特性其称为按需响应。在介绍了相关的新特性之后,我们将构建一个简单的电子表格应用程序来演示。最后,我将讨论这....

Vue3 的 Reactive 响应式到底是什么

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

阿里巴巴终端技术

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

+关注