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

全部实现代码如下:

  • header.vue组件的相关代码

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

  • main组件的相关代码

请输入搜索用户的名称

loading

{{errormsg}}

{{user.name}}

相关推荐
敲代码的嘎仔1 小时前
JavaWeb零基础学习Day2——JS & Vue
java·开发语言·前端·javascript·数据结构·学习·算法
Keepreal4961 小时前
pdf文件预览实现
javascript·react.js
Asort1 小时前
JavaScript设计模式(九)——装饰器模式 (Decorator)
前端·javascript·设计模式
Man1 小时前
🔥 Vue3 动态 ref 黑科技:一招解决 v-for 中的组件引用难题!
前端·vue.js
叫我少年1 小时前
Vue3 集成 VueRouter
vue.js
披萨心肠1 小时前
Vue单向数据流下双向绑定父子组件数据
vue.js
接着奏乐接着舞。1 小时前
3D地球可视化教程 - 第3篇:地球动画与相机控制
前端·vue.js·3d·threejs
正在走向自律2 小时前
RSA加密从原理到实践:Java后端与Vue前端全栈案例解析
java·前端·vue.js·密钥管理·rsa加密·密钥对·aes+rsa
LuckySusu2 小时前
【vue篇】Vue 数组响应式揭秘:如何让 push 也能更新视图?
前端·vue.js
LuckySusu2 小时前
【vue篇】Vue 性能优化神器:keep-alive 深度解析与实战指南
前端·vue.js