## 设置获取的数据
### 在data中定义数据
```
data() {
return {
banner: []
};
},
```
### 将数据定义到data中
```
this.banner = res.data.data
```
## 使用数据的几种方式 (待补充)
> 图片` :src=" "`
> 数组 `v-for="(item,index) of array" :key="index"`
> input 绑定数据
```
<div v-for="(item,index) of banner" :key="index">
<img :src="item.banner" alt />
</div>
```
v-model双向绑定数据 无需事件
```
<input type="text" v-model="value" />
```
# 组件中的数据
## 父组件向子组件传递的值
```
props: ['username']
方法中使用: this.username
结构中使用 <div v-if="username=='张三'">{{username}}</div>
```