首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Vue是否允许模板继承,就像Symfony对Twig那样?

Vue是否允许模板继承,就像Symfony对Twig那样?
EN

Stack Overflow用户
提问于 2018-07-06 16:26:37
回答 1查看 610关注 0票数 1

我希望能够在Vue组件的模板中定义块,如下所示:

代码语言:javascript
运行
复制
{# templates/blog/layout.html.twig #}
{% extends 'base.html.twig' %}

{% block body %}
    <h1>Blog Application</h1>
    {% block content %}{% endblock %}
{% endblock %}

然后在不同的组件中使用上面的模板,如:

代码语言:javascript
运行
复制
{# templates/blog/index.html.twig #}
{% extends 'blog/layout.html.twig' %}

{% block content %}
    {% for entry in blog_entries %}
        <h2>{{ entry.title }}</h2>
        <p>{{ entry.body }}</p>
    {% endfor %}
{% endblock %}

示例来自:https://symfony.com/doc/current/templating/inheritance.html

这个是可能的吗?我已经在使用扩展API (https://vuejs.org/v2/api/#Vue-extend)了,但是覆盖特定的块是不可能的。

谢谢:)

EN

回答 1

Stack Overflow用户

发布于 2018-07-06 17:06:39

Vue本身不允许/支持这一点,不。

但是,如果您使用的是Vue的Single File Components,您可以使用支持此功能的模板引擎,如pug或nunjucks来编写模板。

要了解如何在vue-loader中使用pug,请参阅here

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51206050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档