vue3 中如何实现数组响应式
2023-03-07 09:06:28 时间
vue3 中如何实现数组响应式,即数据更改,页面实时更新?
type dateObj = {
title: String;
days: Number;
date: String;
};
- 方法一:ref
let dataList = ref([] as dateObj[]);
// 通过 dataList.value 来修改数组数据
- 方法二:reactive
1. 不是直接通过给 reactive 传数组,需要先传一个对象,对象中定义一个新的 key 作为响应式数组
let dataList = reactive({
dataList1: [] as dateObj[],
});
// 通过 dataList.dataList1 来修改数组
2. 直接给 reactive 传数组无法实现数组响应式
let dataList: dateObj[] = reactive([]);
相关文章
- 多账号环境下的密钥管理策略决策分析
- 使用 AWS Glue、Apache Hudi 和 Amazon S3 构建无服务器管道以分析串流数据
- 使用AWS托管MSK Connector和EMR Flink从AWS RDS进行CDC数据消费
- 自动驾驶数据湖(四):可视化
- 通过Istio在Amazon EKS上实现灰度发布
- 基于Windows SaaS应用的现代化改造实践
- 通过 Amazon OpenSearch Service 上的 AWS Graviton2 实例提高性能
- Cynamics 如何使用 AWS 构建大规模、近乎实时的流式传输 AI 推理系统
- python logging 使用
- 如何使用 CloudWatch 获得有关特定 Lambda 函数错误模式的通知
- 使用 AWS Systems Manager Patch Manager 修补您的 Windows EC2 实例
- 使用 AWS Systems Manager 转发 Amazon EC2 实例端口
- AWS Health Aware – 为组织和个人 AWS 账户自定义 AWS 健康警报
- 使用 AWS Systems Manager Patch Manager 修补您的 Windows EC2 实例
- 业务SaaS化中的五种误区
- 手把手配置Amazon CloudFront 实现全站加速
- Amazon SageMaker 无服务器推理 – 无需担心服务器配置的机器学习推理
- 利用Amazon WorkMail快速配置企业电子邮箱
- 自动驾驶数据湖(三):图像处理流程管道
- AWS Migration Hub Orchestrator – 具有可自定义工作流模板的新迁移编排功能