Vue学习笔记7 --发送AJAX请求的方法和库

一、模板字符串

模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。

• 多行字符串

let string1 =  `Hey,
can you stop angry now?`;
console.log(string1);
// Hey,
// can you stop angry now?

• 字符串插入变量和表达式。

let name = "Mike";
let age = 27;
let info = `My Name is ${name},I am ${age+1} years old next year.`
console.log(info);
// My Name is Mike,I am 28 years old next year.

• 字符串中调用函数

function f(){
  return "have fun!";
}
let string2= `Game start,${f()}`;
console.log(string2);  // Game start,have fun!

2. 合并对象，重复的属性以后面为主

 this.info = {...this.info,...dataObj} // 合并对象，重复的属性以后面为主

3. 发送ajax请求的方法和库

• xhr 最原始的方法
• jQuery 库比较大
• axios 通用ajax库，官方推荐使用此方法，使用广泛
• fetch
• vue-resource 原来在vue 1.0时有大量使用，后来官方不维护了，现在也不太使用

axios.get(`https://api.github.com/search/users?q=${this.keyWord}`).then(
	response => {
	    console.log('请求成功了')
	    //请求成功后更新List的数据
	    this.$bus.$emit('updateListData',{isLoading:false,errMsg:'',users:response.data.items})
	},
	error => {
		//请求后更新List的数据
		this.$bus.$emit('updateListData',{isLoading:false,errMsg:error.message,users:[]})
	}
	)