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

全部实现代码如下:

  • header.vue组件的相关代码

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

  • main组件的相关代码

请输入搜索用户的名称

loading

{{errormsg}}

{{user.name}}

相关推荐
月巴月巴白勺合鸟月半4 分钟前
一个医学编码的服务
服务器·前端·javascript
方也_arkling9 分钟前
【JS】定时器的使用(点击开始计时,再次点击停止计时)
开发语言·前端·javascript
JS_GGbond10 分钟前
Vue原型链:让你的组件继承“超能力”
前端·vue.js
乆夨(jiuze)13 分钟前
不是所有的链式调用,都是Promise函数,Promise 规范及其衍生的 Promise/A+ 规范
前端·javascript·vue.js
锦瑟弦音19 分钟前
跑酷游戏开发笔记3 && 游戏开始场景 cocos 3.8.7
javascript·笔记·游戏
ttod_qzstudio27 分钟前
Vue 3 的魔法:用 v-bind() 让 CSS 爱上 TypeScript 常量
css·vue.js·typescript
MoonBit月兔27 分钟前
海外开发者实践分享:用 MoonBit 开发 SQLC 插件(其二)
开发语言·javascript·数据库·redis·mysql·moonbit
前端李易安28 分钟前
ERROR in ./node_modules/vue-router/dist/vue-router.mjs 被报错折磨半天?真相竟是……
前端·javascript·vue.js
monkey_slh28 分钟前
JS逆向实战——最新某东cfe滑块
开发语言·前端·javascript
2503_9284115636 分钟前
12.17 vue递归组件
前端·javascript·vue.js