技术栈

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的简单学习一
相关推荐
布局呆星
2 分钟前
Vue3 计算属性|从基础缓存到可读写
前端·javascript·vue.js
ZPC8210
7 小时前
如何创建一个单例类 (Singleton)
开发语言·前端·人工智能
紫_龙
8 小时前
最新版vue3+TypeScript开发入门到实战教程之重要详解readonly/shallowReadOnly
前端·javascript·typescript
roamingcode
9 小时前
前端 AI Agent 多智能体协作架构:从对抗式排查到工作流解耦
前端·人工智能·架构·agent·team
蓝莓味的口香糖
10 小时前
【vue】初始化 Vue 项目
前端·javascript·vue.js
aikongmeng
10 小时前
【Ai】Claude Code 初始化引导
javascript
光影少年
11 小时前
数组去重方法
开发语言·前端·javascript
我命由我12345
11 小时前
浏览器的 JS 模块化支持观察记录
开发语言·前端·javascript·css·html·ecmascript·html5
weixin_44347851
11 小时前
Flutter第三方常用组件包之路由管理
前端·javascript·flutter
武藤一雄
11 小时前
C# 异步回调与等待机制
前端·microsoft·设计模式·微软·c#·.netcore
热门推荐
01GitHub 镜像站点02Qwen3.5-Omni与Qwen3.6模型全面解析(含测评/案例/使用教程)032026年3月AI领域大事件:DeepSeek引领开源风暴04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05Mac 本地部署 OMLX + 通义千问 Qwen3.5-27B 保姆级教程06黄金未来走势预测07UV安装并设置国内源08AI 编程效率翻倍:Superpowers Skills 上手清单 + 完整指南09纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!10VMware Workstation Pro 17 虚拟机完整安装教程(2026最新)