vue.js - 之前是seajs加载的本地模块，在webpack+vue项目中如何引用呢 在.vue文件中又如何使用呢

问题描述

问 题

dataapi.js是向后端请求数据的接口文件，里面都是可以复用的接口，如exports.xxx=function(){}等,请问在webpack+vue生成的目录中，这个文件大概应该放在什么位置，如何来使用呢

解决方案

我们项目中使用的文件结构：

|- ...
|- src
|   |- apis
|   |   |- some-api.js
|   |   |- ...
|   |
|   |- components
|   |      |- some-component.vue
|   |      |- ...
|   |
|   |- ...
|- ...

存放 API 的文件:
src/apis/some-api.js

export default {
  getSomething () {
    return Vue.http.get()
  },
  ...  
}

某个 Vue 组件:
src/components/some-component.vue

<template>...</template>

<style>...</style>

<script>
import someApis from '../apis/some-apis'

export default {
  ...
  methods {
    getSomething () {
        someApis.getSomething().then(resolve => {...}, reject => {...})
    }
  }
}
</script>

这篇关于vue.js - 之前是seajs加载的本地模块，在webpack+vue项目中如何引用呢 在.vue文件中又如何使用呢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！