技术栈

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的简单学习一
相关推荐
叫我詹躲躲
22 分钟前
Vue 3 组件开发最佳实践:可复用组件设计模式
vue.js
AY呀
23 分钟前
# 🌟 JavaScript原型与原型链终极指南:从Function到Object的完整闭环解析 ,深入理解JavaScript原型系统核心
前端·javascript·面试
用户43466215313
24 分钟前
无废话之 useState、useRef、useReducer 的使用场景与选择指南
前端
GinoWi
25 分钟前
HTML标签 - 表格标签
前端
氤氲息
25 分钟前
鸿蒙 ArkTs 的WebView如何与JS交互
javascript·交互·harmonyos
码是生活
26 分钟前
老板:能不能别手动复制路由了?我:写个脚本自动扫描
前端·node.js
小皮虾
27 分钟前
护航隐私!小程序纯前端“证件加水印”:OffscreenCanvas 全屏平铺实战
前端·javascript·微信小程序
chushiyunen
28 分钟前
未设置X-XSS-Protection响应头安全漏洞
前端·xss
yingjuxia菜鸟com
29 分钟前
制作一个简单的HTML个人网页
前端
叫我詹躲躲
29 分钟前
Vue 3 动画效果实现:Transition和TransitionGroup详解
javascript·vue.js
热门推荐
01GitHub 镜像站点02【AutoGLM部署】本地私有化部署AI手机Agent03UV安装并设置国内源04Open-AutoGLM Windows 安装部署教程05【超详细教程】手把手教你从微软官网免费下载Windows 10官方原版ISO镜像(2025最新版)06Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser07安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)08Linux下V2Ray安装配置指南09在VSCode配置Java开发环境的保姆级教程(适配各类AI编程IDE)10BongoCat - 跨平台键盘猫动画工具