javascript - 为什么我可以将 Vue 模板导入 EJS 文件？

Question

我正在开发一个 Express 应用程序，它使用来自 CDN 和 EJS 的 Vue.js 作为模板引擎。我创建了一些 Vuejs '组件'并将它们作为部分导入到我的 EJS 模板中。我不知道它是如何工作的，但确实如此，我很好奇它为什么或如何实际工作。我没有使用任何捆绑程序或任何东西。我想知道是否还有任何性能缺陷。谢谢。

这batches.ejs

<div id="vue-home">
  <main class="container">
        <batches-component
          v-bind:batches="<%= batches %>"
        ></batches-component>
  </main>
</div>

<!-- Importing Batches component as partial -->
<%- include('components/batches.vue') %>

这是batches.vue

<template type="x-template" id="batches-component">
  <div>
    <div id="if-batches" v-if="batches.length > 0">
        batches work!
     </div>
  </div>
</template>

标签： javascriptnode.jsvue.jsejstemplating