技术栈

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的简单学习一
相关推荐
hulkie
13 小时前
从 AI 对话应用理解 SSE 流式传输:一项 "老技术" 的新生
前端·人工智能
dobym
13 小时前
里程碑五:Elpis框架npm包抽象封装并发布
前端
全栈老石
13 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
牛奶
13 小时前
React 底层原理 & 新特性
前端·react.js·面试
用户1148966944105
13 小时前
VUE3响应式原理——从零解析
vue.js
parade岁月
13 小时前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
用户8304071305701
13 小时前
SPA 首屏加载速度慢怎么解决?
vue.js·webpack
小明913
13 小时前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐
13 小时前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶
13 小时前
ts随笔:面向对象与高级类型
前端·面试·typescript
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot08Window 10部署openclaw报错node.exe : npm error code 12809网站改了域名,如何查找?10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南