项目: https: //github.com/marioedgar/webpack-unit-test
我有一个使用 vue CLI 生成的 Vue.js 应用程序。我只稍微编辑了 HelloWorld 组件以从我的测试服务中获取一些异步数据,您可以在这里看到:
<template>
<h1>{{ message }}</h1>
</template>
<script>
import service from './test.service'
export default {
name: 'HelloWorld',
created () {
service.getMessage().then(message => {
this.message = message
})
},
data () {
return {
message: 'A'
}
}
}
</script>
<style scoped>
</style>Run Code Online (Sandbox Code Playgroud)
测试服务位于同一目录中,非常简单:
class Service {
getMessage () {
return new Promise((resolve, reject) => {
console.log('hello from test service')
resolve('B')
})
}
}
const service = new Service()
export default service …Run Code Online (Sandbox Code Playgroud)