# 封装后的具体应用：app.vue
>[danger] 引入封装好的函数
```
import { getSeller } from 'api'
```
> 在vue创建实例时调用函数，在methods里用这个函数将请求三次封装，在这里，我们详细的展开了封装函数的最后落地代码。
```
export default {
data() {
return {
seller: {
id: qs.parse(location.search).id
}
}
},
created() {
this._getSeller()
},
```
>[info] 上一篇已经封装好了，我们已经知道了我们最终获取的是seller+errno这个数据对象，那么我们就可以直接在返回值里取得seller了。此外还可以在调用封装好的axios时进行接口传参。
```
methods: {
_getSeller() {
getSeller({
id: this.seller.id
}).then((seller) => {
this.seller = Object.assign({}, this.seller, seller)
})
}
},
```
