技术栈

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的简单学习一
相关推荐
Cutecat_
1 天前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
dsyyyyy1101
1 天前
JavaScript变量
开发语言·javascript·ecmascript
qq_42215257
1 天前
PDF 加水印工具怎么选?2026 年文档版权保护方案对比
前端·pdf·github
kyriewen
1 天前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
前端·javascript·面试
brucelee186
1 天前
OpenClaw 浏览器控制(Chrome MCP)完整教程
前端·chrome
ct978
1 天前
React 状态管理方案深度对比
开发语言·前端·react
胡志辉的博客
1 天前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·chrome·chromium·event loop
代码不加糖
1 天前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty
1 天前
Vue2与Vue3之间API差异
前端·javascript·vue.js
AI焦点
1 天前
跨越协议鸿沟:Tool Use状态机从Anthropic到OpenAI兼容体系的适配要点
前端·人工智能
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?03【AI】2026 年具身智能模型和世界模型总结042026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?05GitHub 镜像站点06《置身钉内》原文-可播放阅读07AI科技热点日报 | 2026年6月1日08Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析092026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf10AI一周事件 · 2026-06-03 至 2026-06-09