如何使用vue自定义指令呈现x-template?

我有一个 angularjs 我试图复制的指令 vuejs :

twig(project tag这是原始的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 标签,如下所示:

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

现在我的问题是如何使用vue指令来呈现 project.tpl.html 在里面 <project> 标签?

如果不是很具体,我想这样做:

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