vue3 ref 传参
1 子组件 Demo 里:
<script setup>
import {ref} from 'vue'
let ceshi = ref(520)
defineExpose({ // 通过 defineExpose 将 子组件 内部 数据 暴露给 父组件 !!!!
ceshi
})
</script>
2 父组件:
<template>
<Demo ref="myDeml"></Demo>
<button @click="getParam>点击获取子组件得参数</button>
</template>
<script setup>
import Demo from './demo' // 导入子组件
import { ref } from 'vue'
let myDeml = ref(null)
let getParam = () => {
console.log('打印获取得参数', myDeml.value.ceshi)
}
</script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
2021-12-23 vue 项目build后部署上去页面空白
2021-12-23 vue 点击事件唤醒QQ
2021-12-23 vue 滚动条样式设置