javascript - 如何让 jasmine 读取单个文件 Vue 组件？

Question

所以我通过 npm 安装了 jasmine 和 vue，但是当我导入组件本身(这是一个 .vue 文件)时，它无法读取介于 <template></template> 之间的模板。标签。我也在使用 webpack，不确定是否需要对此做一些事情。

这是 vue 组件文件的样子

<template>
  ...
</template>

<script>
  export default {
    name: 'test',
    data: {},
    computed: {}
  }
</script>

Answer 1

.vue 文件需要编译，如果你使用的是 webpack 那么你需要使用 vue-loader要将模板转换为 plain javascript，内部 vue-loader 将获取模板标签之间的所有代码并将它们转换为 render functions 。您应该首先查看 single file components 的文档然后从那里开始。