vue---import的几种表现形式
在使用vue开发项目的时候,很多使用会import很多模块,或者组件,下面说下import的几种表现形式:
例如:我在 src / api / table.js
import request from '@/utils/request'export function getList(params) {
return request({
url: '/table/list',
method: 'get',
params
})
}
export function getLists(params) {
return request({
url: '/table/list',
method: 'get',
params
})
}
我需要使用里面的方法,有几种方法:
第一种:引入当个方法
import {getList} from '@/api/table';
具体的使用:
import {getList} from '@/api/table';export default {
data() {
return {
list: null,
listLoading: true
}
},
created(){
this.fetchData();
},
methods: {
fetchData() {
console.log(getList);
getList().then(response =>{
console.log('b');
});
}
}
}
第二种:引入多个方法
import {getList,getLists} from '@/api/table';export default {
data() {
return {
list: null,
listLoading: true
}
},
created(){
this.fetchData();
},
methods: {
fetchData() {
console.log(getList);
getList().then(response =>{
console.log('b');
});
console.log(getLists);
}
}
}
以上是 vue---import的几种表现形式 的全部内容, 来源链接: utcz.com/z/378970.html