技术栈

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的简单学习一
相关推荐
freewlt
2 小时前
前端性能优化实战:从 Lighthouse 分数到用户体验的全面升级
前端·性能优化·ux
小小亮01
3 小时前
Next.js基础
开发语言·前端·javascript
华洛
3 小时前
我用AI做了一个48秒的真人精品漫剧,不难也不贵
前端·javascript·后端
Amumu12138
3 小时前
Js:正则表达式(二)
开发语言·javascript·正则表达式
Novlan1
3 小时前
我把 Claude Code 里的隐藏彩蛋提取出来了——零依赖的 ASCII 虚拟宠物系统
前端
Sgf227
4 小时前
ES8(ES2017)新特性完整指南
开发语言·javascript·ecmascript
IAUTOMOBILE
4 小时前
Python 流程控制与函数定义:从调试现场到工程实践
java·前端·python
好大哥呀
4 小时前
C++ Web 编程
开发语言·前端·c++
爱学习的小仙女!
5 小时前
面试题 前端(一)DOCTYPE作用 标准模式与混杂模式区分
前端·前端面试题
小小小小宇
6 小时前
前端转后端基础- 变量和类型
前端
热门推荐
012026年3月AI领域大事件:DeepSeek引领开源风暴02GitHub 镜像站点03Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)04围棋-html版本05Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services06“wsl --install -d Ubuntu-22.04”下载慢,中国地区离线安装 Ubuntu 22.04 WSL方法(亲测2025年5月6日)07纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!08UV安装并设置国内源09让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南10AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南