混入 (mixins) 是一种分发Vue组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。当组件使用混合对象时,所有混合对象的选项将被混入该组件本身的选项。
1、建立mainXnxin.js
import { fetchVehicleList } from '@/api/vehicle'
const mainMixin = {
methods: {
getVehicleInfoData() {
return new Promise((resolve, reject) => {
fetchVehicleList({ page_size: 99999 }).then((response) => {
resolve(response)
}).catch((error) => {
reject(error)
})
})
}
}
}
export default mainMixin
2、引入,使用
import mainMinxin from '../../../mixins/mainMixins'
mixins: [mainMinxin],
getVehicleList() {
this.getVehicleInfoData().then((response) => {
this.vehicleList = response.result.data
})
},
网友评论