vue.js - 之前是seajs加载的本地模块,在webpack+vue项目中如何引用呢 在.vue文件中又如何使用呢
本文介绍了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屋!
查看全文