技术栈

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的简单学习一
相关推荐
花间相见
1 分钟前
【LangChain】—— Prompt、Model、Chain与多模型执行链
前端·langchain·prompt
lichenyang453
1 小时前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记
1 小时前
Hooks、状态管理
前端·javascript·react.js
landonVM
1 小时前
Linux 上搭建 Web 服务器
linux·服务器·前端
css趣多多
1 小时前
路由全局守卫
前端
AI视觉网奇
1 小时前
huggingface-cli 安装笔记2026
前端·笔记
比特森林探险记
2 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
2301_79258000
2 小时前
xuepso
java·服务器·前端
海绵宝龙
2 小时前
Vue中nextTick
前端·javascript·vue.js
天生欧皇张狗蛋
2 小时前
前端部署path问题
前端
热门推荐
01GitHub 镜像站点02OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)03Clawdbot 中文汉化版 接入微信、飞书04【网络安全测试】Burp Suite工具使用说明、配置及常见问题(有关必回)05Claude Code Skills 实用使用手册06在Trae中使用Pencil MCP07struts2 XML外部实体注入漏洞复现(CVE-2025-68493)08零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程09UV安装并设置国内源10AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南