# 封裝后的具體應用: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)
})
}
},
```