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

全部实现代码如下:

  • header.vue组件的相关代码

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

  • main组件的相关代码

请输入搜索用户的名称

loading

{{errormsg}}

{{user.name}}

相关推荐
星辰中的维纳斯27 分钟前
vue新手入门教程(项目创建+组件导入+VueRouter)
前端·javascript·vue.js
ksuper&30 分钟前
ts和js的关系
javascript
NaRciCiSSuS1 小时前
第一章-JavaScript简介
开发语言·javascript·ecmascript
XF鸭1 小时前
HTML-CSS 入门介绍
服务器·前端·javascript
kinlon.liu2 小时前
基于 Nginx + Spring Boot + Vue + JPA 的网站安全防护指南
网络·vue.js·spring boot·nginx·安全
forwardMyLife2 小时前
element-plus 的form表单组件之el-radio(单选按钮组件)
前端·javascript·vue.js
码农小野2 小时前
基于Vue.js和SpringBoot的地方美食分享网站系统设计与实现
vue.js·spring boot·美食
ilisi_2 小时前
导航栏样式,盒子模型
前端·javascript·css
吉吉安2 小时前
grid布局下的展开/收缩过渡效果【vue/已验证可正常运行】
前端·javascript·vue.js
梦凡尘3 小时前
Vue3 对跳转 同一路由传入不同参数的页面分别进行缓存
前端·javascript·vue.js