Vue音乐--搜索页面03_热门搜索组件

大概步骤：

目标效果

---

三、新建热门搜索关键词组件的数据获取和布局

• 要点：

  • QQ音乐移动端网页抓取热门搜索的关键词数据
  • 截取关键词数据数组的前10个
  • 对数据列表布局为圆角边框样式
  • 点击热门搜索关键词，关联到输入框中

• （一）抓取热门搜索关键词数据

↓ api - ->search.js

import jsonp from '@/common/js/jsonp'	//引入jsonp模块
import {
   commonParams,object} from './config'	//引入公共hash和自定义回调名

//获取热门搜索关键词数据
export function getHotKey(){
   
	//自己判断截取出url前半段
	const urlfront = 'https://c.y.qq.com/splcloud/fcgi-bin/gethotkey.fcg'

	//把hash做成对象,es6创建对象并赋值,
	//hash获取不了，要手动输入所有，把对象分2类，固定和不固定