vue---import的几种表现形式

vue

在使用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

回到顶部