vue实战 ---- 一个简单的音乐搜索网站（二）

vue实战 ---- 一个简单的音乐搜索网站（start）
vue实战 ---- 一个简单的音乐搜索网站（一）
vue实战 ---- 一个简单的音乐搜索网站（三）

1. searchHeader.vue代码

2. 代码详解

这个组件里只有一个input标签输入框和button按钮

• @input='sendKey'
  这里输入框绑定了Key()方法，是为了获取输入的文本，即输入的歌手或歌曲名，后面的api请求需要这个参数。
• @keyup.enter="search()"
  让回车键绑定search方法，按下回车就发送api请求，可以看到我的代码中search方法里有很多注释，都是失效的api，真的倒霉，这些api我都是用了几十分钟就失效，感觉是故意针对我啊。截止2019年8月17日，上面这个api还是可以用的...如果失效就要重新再找，影响不大
• @click='search()'
  除了回车可以出发，点击搜索框的时候也可以出发，也绑定一下，请求api获得数据后还要使用$emit()方法提交给父亲组件music.vue