Reactive 踩坑

vue 响应式踩坑

let questionInfo = reactive([ , ])   api.getQuestions( id ).then(function (response){// 这里用法有问题questionInfo = response.data.data.questions;concole.log(questionInfo)
})

响应式数据本身是个函数,(不然咋帮你动态变化页面
上面例子里响应式数据已被重新赋值
本身已改变了 ,就相当于人家不是男的了,咋帮你干其他活。

正确使用

let questionInfo = reactive ( {  arr :  []   ,  two : {}  }) 
// 需要响应式改变时
questionInfo.arr =   ........... ;
// 至此,就能看到页面动态变化了 

关于响应式数据底层的实现,我不大清楚,爱莫能助。

// 两种响应式简单食用
let a =  reactive({arr :  [ 0 ,1 ] })
let b =  ref(0)a.arr = [11234,1341234];
b.value = 1;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/20734.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

k8s_设置dns

配置k8s dns 在 Kubernetes 集群中,CoreDNS 是默认的 DNS 服务器,它负责处理集群内所有的 DNS 请求。 kubectl edit cm coredns -n kube-system (此命令修改coredns 配置) kubectl describe cm coredns -n kube-system(此命令查看coredns 配…

程序员上岸指南

如果你还在996,大小周,感觉身体被掏空,那么你可以看看下面这篇文章,我特意搜集了一些苦逼程序员的上岸教程。 人生真的就是做几道选择题,选错了,忙也是瞎忙。选对了,躺着都能赢。总的来说&#…

良心推荐:什么软件能够监控公司电脑,就这5款软件能监控公司电脑

用软件监控员工电脑在大多数国家是非法的,不过在中国,企业在办公场所安装监控设备以监控员工工作,在遵循一定限制和条件的前提下,是合法的。以下是一些符合这些条件,并且广泛被企业采用的员工电脑监控软件的良心推荐&a…

Linux 命令操作技巧

Linux命令行界面提供了丰富的快捷键来提高操作效率,以下是一些常用的Linux终端快捷键,主要基于Bash shell: Tab - 自动补全:输入命令、文件名、目录名或命令选项的开头部分,然后按Tab键,系统会自动补全剩余…

C++:儿童节快乐呀!

六一快乐!~ 今天我来宣布一个 ——————Cookie Maker工作室成立了!—————— 目前参与人数:7 人名列单: 真实姓名 联系方式以及用户名 ZINCFFO CSDN(ZINCFFO) &…

使用 Scapy 库编写 IP 地址欺骗攻击脚本

一、介绍 1.1 概述 IP地址欺骗(IP Spoofing)是一种网络攻击技术,攻击者伪造其数据包的源IP地址,使其看起来像是从其他合法地址发送的。这种技术常用于各种攻击中,例如DDoS攻击、Man-in-the-Middle(MITM&a…

buidldroot musl uclib库 编译

buildroot 修改 编译工具链 原本编译器相关信息: Incorrect selection of the C library buidroot编译 注意相关选项,后续使用CUSTOM TOOLCHAIN 时对应 UCLIB 能将生成IMAGE 从2.9K变为2.3K MUSL 能将生成IMAGE 从2.9K变为2.7K 变大了 arm-linux-…

阻塞、非阻塞、同步、异步

通信中有常见的4种机制:阻塞和非阻塞,同步和异步。 通过一个工作中领导给下级安排工作的例子来理解和区分这 4 个概念。例子中的领导相当于用户线程,下级相当于要访问的数据,领导给下级安排工作相当于代码中调用 read(), write()…

c++的string一键介绍

前言: 这篇文章旨在帮助读者回忆如何使用string,并提醒注意事项。它不是一篇详细的功能介绍,而是一篇润色文章。 先展示重载函数,如果该函数一笔不可带过,就先展示英文原档(附带翻译)&#xf…

教你搞一个比较简单的计时和进度条装饰器

教你搞一个比较简单的计时和进度条装饰器 什么是装饰器为啥要用装饰器呢?上代码!如何使用装饰器效果 什么是装饰器 装饰器的英文是:Decorator。装修的英文是:Decoration。顾名思义就是我们要用装饰器在函数func()上搞点儿事儿&am…

CSS动画效果(鼠标滑过按钮动画)

1.整体效果 https://mmbiz.qpic.cn/sz_mmbiz_gif/EGZdlrTDJa5SXiaicFfsrcric7TJmGO6YddqC4wFPdM7PGzPHuFgvtDS7MIvnLHB4WFaKia0Qh8VCyUaoyHMc2Zltg/640?wx_fmtgif&fromappmsg&tpwebp&wxfrom5&wx_lazy1&wx_co1 网页设计中的按钮不仅是用户交互的桥梁&#…

Vue + Nodejs + socket.io 实现聊天

Vue 代码 // 安装 socket.io-clientnpm i socket.io-clientimport io from socket.io-client;mounted () {// * location.origin 表示你的 socket 服务地址// * /XXXX/socket.io 表示 你的 socket 在服务器配置的 访问地址let socket io(location.origin, {path: "/XX…

抓包工具实战

Npcap下载: https://npcap.com/#download 安装抓包数据: WinPcap Download python抓包: from scapy.all import * if __name__ __main__:filterstr "tcp || udp"pr sniff(filterfilterstr, count4)

原生APP开发和Flutter开发的比较

原生APP开发和Flutter开发各有优缺点,适用于不同的场景和需求。下面是两者的详细比较,从开发语言、性能、开发效率、维护和更新、社区和支持等多个方面进行分析。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎交流合作。…

htb_BoardLight

信息收集 nmap -sSVC 10.10.11.11开放80端口,将boardlight.htb写入/etc/hosts 同步进行子域名和目录扫描 子域名扫不到 这个目录扫描很奇怪哈,明明访问80端口有页面,就是扫不出来 直接浏览器访问80端口,四处看看,发…

7、架构-架构的安全性

即使只限定在“软件架构设计”这个语境下,系统安全仍然是一 个很大的话题。我们谈论的计算机系统安全,不仅仅是指“防御系统 被黑客攻击”这样狭隘的安全,还至少应包括(不限于)以下这些问 题的具体解决方案。 认证&am…

如何实现Java中的单例模式?举例说明。

Java中的单例模式(Singleton Pattern)是一种创建型设计模式,确保一个类只有一个实例,并提供全局访问点。实现单例模式有多种方法,下面介绍几种常见的实现方式。 饿汉式单例(Eager Initialization&#xff…

自定义数据集训练 Yolo V10

上次介绍了Yolo 推理,本文我们将使用自己的数据集训练 Yolo V10,训练过程简单: 首先准备数据集,包括图片、标注训练推理 数据集准备 本次采用的数据集为内部数据,标注方法为 VOC 格式,首先我们需要建 VO…

智能辅导班技术架构:运用人工智能提升教育领域的学习效果

在教育领域,随着人工智能的发展,智能辅导班逐渐成为一种趋势。它利用先进的技术和创新的教学方法,为学生提供个性化的学习体验和全方位的辅导服务。本文将介绍智能辅导班的技术架构,探讨如何运用人工智能来提升学习效果。 ### 1. …

力扣之链表专题

1. (LeetCode-21)合并两个有序链表 将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。 示例 1: 输入:l1 [1,2,4], l2 [1,3,4] 输出:[1,1,2,3,4,4]示例 2: 输入:l1 …