第十一课时通讯录列表前后端调用

phoneBook.vue获取数据

除了list，其他的Search等小组件，也是会用到这个列表查询出来的数据。所以我们将这个数据放到 PhoneBook里面去，然后通过标签将查询到的数据传到组件中去。
phoneBook.vue ：定义数据“phonBooks”->数据赋值->通过标签传值到list组件。

<div>
  <phone-book-header></phone-book-header>
  <phone-book-search></phone-book-search>
  //标签传值到list组件中去
  <phone-book-list :phoneBooks="phoneBooks"></phone-book-list>
</div>

export default {
   
	name: "PhoneBook",
	data(){
   
	  return{
   
		phoneBooks:{
   } //定义数据
	  }
	},
....

getPhoneBooks(){
   
	let token=window.localStorage.