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

佚名 7年前 (2019-04-26) 随笔 1301人围观抢沙发百度已收录

在使用vue开发项目的时候，很多使用会import很多模块，或者组件，下面说下import的几种表现形式：

例如：我在 src / api / table.js

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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);
    }
  }
}