如何使用 vue 自定义指令渲染 x-template？

Question

我有一个 angularjs 指令，我正在尝试使用 vuejs 复制它：

Twig（项目标签是原始的 angularjs 代码）：

<a class="animated fade-in-right" v-for="project in projects">
    <project project-on-delete="onDelete" project-show-delete-action="true" project-allow-delete="project.ownerId == user.id" project-show-progress="true" project-show-status="true"></project>
</a>

然后在实际的directive.js中，调用了另一个twig模板，像这样：

return {
    restrict: 'E',
    scope: true,
    templateUrl: 'project.tpl.html',

该文件是 script 标记内的 html，如下所示：

<script type="text/ng-template" id="project.tpl.html">
  html
</script>

现在我的问题是如何使用 vue 指令在 <project>tag 中呈现 project.tpl.html ？

如果不是很具体，我希望发生这种情况：

<project>
  project.tpl.html
</project>

Answer 1

看起来问题是我给的id；改用id="project-template 解决了我的问题。 可能与 id 名称中的点有些不兼容。