浏览器反馈
可以看出,items里就是我们要获取的数据
那我们的需求是,当他这个路径发起的时候让一下标签显示
response => {
console.log(response.data);
let result = response.data;
let reArray = result.items[0];
console.log(reArray);
this.reqName = reArray.name;
this.reqUrl = reArray.html_url;
},
现在我们在通过vue的ajax完成一个小的搜索案例
我们先准备一个单页面组件
创建了一个按钮,点击之后会触发一个函数,然后去获取到这个ipnut框里输入的值,并做一个非空判断,但如果存在的话用他去搜索,然后置空input框
在创建一个组件,用来显示内容
然后我们去根组件里引入以下两个单文件组件
当组件被调用时会触发setsearchName,然后把他的value值传入searchName ,在传给list这个组件
props:['searchName'],
list接收数据,
现在我们已经有里接收数据的,然后我们去list做一个ajax传参
因为searchName是会改变的,所以我们把他写在watch里监听起来
watch: {
// 监听searchName做出相应改变
searchName(){
this.firstView = false;
this.loading = true;
let url = https://api.github.com/search/repositories?q=${this.searchName};
// 发送ajax请求
Axios
.get(url)
.then(
res=>{
console.log(res);
this.loading = false;
let result = res.data;
this.users = result.items.map(item=>{
JavaScript
-
js的基本类型有哪些?引用类型有哪些?null和undefined的区别。
-
如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)
-
Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?
-
JS常见的dom操作api
-
解释一下事件冒泡和事件捕获
-
事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?
-
对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?
-
this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?
-
call,apply,bind
-
显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链
-
创建对象的多种方式
-
实现继承的多种方式和优缺点
-
new 一个对象具体做了什么
-
手写Ajax,XMLHttpRequest
-
变量提升
-
举例说明一个匿名函数的典型用例
-
指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?
-
attribute和property的区别
-
document load和document DOMContentLoaded两个事件的区别
-
JS代码调试