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的文档并从那里开始。

Answer 2

您需要使用vue-cli和webpack template开始构建Vue应用。

如果您只是开始使用Vue.js，我建议您选择Vue.js的standalone version，这是一个简单的javascript文件，您可以使用脚本标签包含然后开始玩组件和模板。

一旦您习惯了创建各种组件和定义模板的想法，您可以从vue-cli和webpack template开始构建复杂的应用。

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

2 个答案: