翡翠の伸びとインクルードの差

私はextendとincludeの違いを理解することができません私は混乱しています。私にはextendテンプレートを拡張するのに役立ちます、 includeだけでそれを含めるだけです。私は正しい？翡翠の伸びとインクルードの差

出典

2016-09-01 Marc Andre Jiacarrini

基本的に正しいですが、extendキーワードを使用するとブロック文を使用できますが、このレイアウトファイルまで拡張されたテンプレートファイル内のエクステンデットレイアウトからデフォルトブロックをオーバーライドできます。テンプレート内にキーワードincludeが含まれているすべての継承ファイルは、このブロック文も使用できます。すべてのここ

簡単な例

layout.jade

doctype html 
html(lang='de') 
    head 
    // Default meta block 
    block meta 
     meta(charset="utf-8") 
     title This is the pagetitle 

    // Default block for css assets 
    block styles 
     style. 
     .somecss { 
     } 
    body 
    // Default block for the navigation 
    block navigation 
     ul.my_default_nav 
     li: a(href="template.html") Navitem 

    // Default content block 
    block main 

    // Default footer block 
    block footer 
     p Some copyright notes

template.jade

extend layout.jade 

block meta 
    title This block overrides the default block statement 

block footer 
    p You can place your block somewhere in your template, during 
    | compile jade knows where to place it. 

block main 
    div 
    p Here you can place your default content it also will be 
     | replaced.

結果：

<!DOCTYPE html> 
<html lang="de"> 
    <head> 
    <!-- Default meta block--> 
    <title>This block overrides the default block statement</title> 
    <!-- Default block for css assets--> 
    <style> 
     .somecss { 
     } 
    </style> 
    </head> 
    <body> 
    <!-- Default block for the navigation--> 
    <ul class="my_default_nav"> 
     <li><a href="template.html">Navitem</a></li> 
    </ul> 
    <!-- Default content block--> 
    <div> 
     <p> 
     Here you can place your default content it also will bereplaced.</p> 
    </div> 
    <!-- Default footer block--> 
    <p> 
     You can place your block somewhere in your template, during compile jade knows where to place it.</p> 
    </body> 
</html>

出典

2016-09-02 15:39:30 Daniel

翡翠の伸びとインクルードの差

答えて

関連する問題