技术栈

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的简单学习一
相关推荐
计算机学姐
13 分钟前
基于SpringBoot的美妆销售系统【个性化推荐算法+数据可视化统计+库存预警+物流信息】
java·vue.js·spring boot·后端·mysql·信息可视化·mybatis
烟袅
18 分钟前
一文搞懂 useRef:它到底在“存”什么?
前端·react.js
Knight_AL
22 分钟前
Vue + Spring Boot 项目统一添加 `/wvp` 访问前缀实践
前端·vue.js·spring boot
前端er小芳
29 分钟前
前端虚拟列表滚动功能实现与核心知识点详解
前端
wuhen_n
30 分钟前
Promise状态机与状态流转
前端
3秒一个大
30 分钟前
React 中的 useMemo 与 useCallback:性能优化的利器
前端·react.js
cj8140
31 分钟前
Node.js基本概念理解
前端·node.js
ohyeah
31 分钟前
React 缓存三剑客:useMemo、useCallback 与 memo 的正确打开方式
前端·react.js
程序员爱钓鱼
33 分钟前
Node.js 编程实战:JWT身份验证与权限管理
前端·后端·node.js
echo_e
36 分钟前
一文看懂 dumi 组件库发包与文档部署全流程!
前端
热门推荐
01GitHub 镜像站点02手把手教你通过Gemini3 pro 学生认证,白用一年,手慢无!03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04jdk21下载、安装(Windows、Linux、macOS)05Linux下V2Ray安装配置指南06Labelme从安装到标注:零基础完整指南07GitLab 零基础入门指南:从安装到项目管理全流程08Figma MCP + Cursor 完全配置与使用指南:实现设计到代码的智能转换092025 最新教程:注册并切换到美区 Apple ID10Claude Code Skills 实用使用手册