vue中使用发布订阅的方式进行vue组件之间的通信

全部实现代码如下:

  • header.vue组件的相关代码

<input type="button" value="Search" class="btn btn-primary" placeholder="请输入 github 用户名" @click="search">

  • main组件的相关代码

请输入搜索用户的名称

loading

{{errormsg}}

{{user.name}}

相关推荐
Din31 分钟前
主动取消的防抖
前端·javascript·typescript
H5开发新纪元1 小时前
Nginx 部署 Vue3 项目完整指南
前端·javascript·面试
决斗小饼干1 小时前
跨语言移植手记:把 TypeScript 的 Codex SDK 请进 .NET 世界
前端·javascript·typescript
进击的尘埃1 小时前
Vitest 浏览器模式:别再用 jsdom 骗自己了
javascript
bluceli1 小时前
JavaScript模块化深度解析:从CommonJS到ES Modules的演进之路
前端·javascript
前端人类学1 小时前
前端输入框禁用:disabled、readonly 与.prop (‘disabled‘, true) 完全解析
前端·javascript
优秀稳妥的JiaJi1 小时前
分享一篇后台管理系统的通用skills
前端·vue.js·前端框架
青青家的小灰灰2 小时前
Pinia 完全指南:重构你的 Vue 3 状态管理架构
前端·javascript·vue.js
yuki_uix2 小时前
深入理解 JavaScript Event Loop:从概念到实践的完整探索
前端·javascript
Lee川2 小时前
JavaScript 继承进化史:从原型链的迷雾到完美的寄生组合
前端·javascript·面试