技术栈

Vue3父传子获取值为data中的值赋值

Adellle2024-04-10 9:32
复制代码
<script>
	export default {
		props: {
			id: Number,
		},
		data() {
			return {
				user: {
					id: 0,

				}
			};
		},
		watch: {
			id: function(id) {
				this.user.id = id;
			}
		},
		methods: {};
		mounted() {};
	};
</script>

使用watch监听

watch: {
id: function(id) {
this.user.id = id;
}
},

上一篇:嵌入式之内存篇(二)
下一篇:Hive的简单学习一
相关推荐
在繁华处
7 小时前
轻棋局(四):前端 SPA 实战
前端
不是山谷.:.
7 小时前
前端性能优化全解析:从原理到落地,覆盖全领域与多技术栈
前端·笔记·性能优化·状态模式
sakana
8 小时前
我开源了我的cgzskill,帮Claude装上长期记忆
前端
用户22358621820
8 小时前
如何在超大型的工程中使用 Claude Code?
前端·ios·claude
Amos_Web
8 小时前
Rspack 源码解析 (2) —— 从 rspack build 到输出 dist,完整编译链路详解
前端·javascript
漓漾li
8 小时前
每日面试题(2026-05-20)- 前端
前端·react.js
颯沓如流星
8 小时前
前端 UI 组件专业术语科普指南
前端·ui
超*
8 小时前
Bright Data Web Scraping指南 2026: 使用 MCP + Dify 自动采集海外社交媒体数据
前端·人工智能·媒体
洛宇
8 小时前
(建议收藏)转型AI应用工程师之RAG:从入门到实战
前端·人工智能·面试
ID_18007905473
8 小时前
企业级淘宝评论 API最简说明,JSON 返回示例
java·服务器·前端
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04用了半年 OpenRouter,我换到了 Ofox.ai — 两个 AI API 聚合平台的真实对比05裂开!ChatGPT 居然开始要手机号验证,附详细解决方法06Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓07【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法08几个好用的ip纯净度检测网站09【AI】2026 年具身智能模型和世界模型总结10codex app每次打开重连5次Reconnecting问题解决