vue父组件调用子组件方法
发表于|更新于
|浏览量:
抱怨身处黑暗,不如提灯前行。——刘同
首先是官方文档
这里使用ref属性去访问子元素
1 | <hello-world ref="helloWorld" msg="Hello World"></hello-world> |
然后打印一下
1 | console.log(this.$refs.helloWorld); |

可以看到成功获取到
再到子组件定义一个方法:

父组件访问:

效果:

相关推荐
2026-03-18
browser
Lightpanda Browser The headless browser built from scratch for AI agents and automation. Not a Chromium fork. Not a WebKit patch. A new browser, written in Zig. Lightpanda: the headless browser designed for AI and automation Lightpanda:一个不想当“Chromium 影子”的无头浏览器Lightpanda 的仓库描述像一张名片——短,但一击即中: Lightpanda: the headless browser designed for AI and automation 他不是为了“再造一个能看网页的东西”而来,他更像为 AI 代理、自动化脚本、LLM 训练、爬取与测试而生的专业选手:轻装、快跑、少吃内存、启动即走。 而 README 开头那段自我介绍,更像他站在舞台中央,抬手就把身世说...
2025-08-05
HollaEx Kit
穷则变,变则通,通则久。一一《周易》 HollaEx Kit:快速搭建你自己的加密货币交易所的开源利器!在数字资产和区块链时代,越来越多人渴望拥有属于自己的加密货币交易平台。但从零开发一套稳定、合规、用户体验好的交易系统,难度极高、投入巨大。如果你也有这个想法,HollaEx Kit 绝对值得了解:它是一套功能强大、成熟稳定的开源白标加密软件套件,让“自建交易所”变得前所未有的简单与高效! 什么是 HollaEx Kit?HollaEx Kit 是一款开源的白标加密货币软件套件,集成了从交易撮合、用户管理、钱包系统到前端 UI 的一站式解决方案。它支持快速搭建属于你的数字资产交易所,无论你是个人开发者还是企业运营者,都能以极低门槛拥有属于自己的交易平台。 完全开源:所有代码透明可查,灵活扩展,安全可控。 前后端分离:包含 Server(后端服务)和 Web(前端 UI),易于自定义和二次开发。 一键部署:内置强大的 CLI 工具,极简命令行即可完成部署和运维。 丰富生态:支持插件扩展、钱包管理、用户体系、行情与撮合等全套功能。 特色亮点 白标定制:企业、团队、个人...
2025-06-30
meter标签
文变染乎世情,兴废系乎时序。一一刘勰 HTML <meter> 标签详解:数据范围与可视化的理想选择在现代 Web 开发中,可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值,HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景,以及与 <progress> 标签的区别。 一、什么是 <meter> 标签?<meter> 是 HTML5 新增的标签,用于表示标量测量值(即有范围的度量值),如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态,并具备良好的可访问性和语义性。 官方文档:MDN - <meter> 元素 二、基本语法与用法最简单的用法如下: 1<meter value="0.7">70%</meter> 效果:显示一个表示 70% 的可视化条。 浏览器默认会根据 <meter>...
2024-11-03
typescript-exercises(八)
再也无需前思后想,一切岂非已然过往。——《且听风吟》 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293/*Intro: Project grew and we ended up in a situation with some users starting to have more influence. Therefore, we decided to create a new person type called PowerUser which is supposed to combine everything User and Admin have.Exercise: Define type PowerUser which sh...
2022-07-15
vuera
微微怪时间不能保存情绪,保存那一切情绪所曾流连的境界。——《你是人间的四月天》 分享一个开源项目:https://github.com/akxcv/vuera 它可以让你在vue里写react,在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...
2026-04-12
ralph
血沃中原肥劲草,寒凝大地发春华——鲁迅 Ralph:一只不肯下班的自治 AI 工程师循环体——直到 PRD 全部打勾才肯停Ralph 不是一个“聊天型”工具。 Ralph 更像是你团队里那个最较真、最执拗、最愿意熬夜的工程搭子:你把 PRD 交给他,他不问“要不要我帮你想想”,他直接开跑——一轮、一轮、再一轮——直到 PRD 上每一个条目都被标记为完成。 它的自我介绍非常直接: Ralph is an autonomous AI agent loop that runs AI coding tools (Amp or Claude Code) repeatedly until all PRD items are complete.Each iteration is a fresh instance with clean context.Memory persists via git history, progress.txt, and prd.json. 一句话翻译成工程语言:Ralph = 一个 Bash 循环 + 一个会写代码的 AI 工具 + 一个严格的任...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog