点击刷新
jade复用说白了就是模板的继承。
使用 block 标识符，设置一个可修改的代码片段
layout.jade
doctype html
html
head
block title
title Default title
body
block content
test.jade 使用extends继承layout.jade，block后对应代码片段的文字
extends ./layout.jade
block title
title Article Title
block content
h1 My Article
生成html
<!DOCTYPE html> <html> <head> <title>Article Title</title> </head> <body> </body> </html>
也可以通过include 引入
include ./layout.jade
如果想要追加代码片段，可以使用 append 和 prepend 指令。append 用于在原有代码片段之后追加，prepend 用于在原有代码片段之前追加。
layout.jade
doctype html
html
head
block title
title Default title
body
block content
p hello
test.jade
extends ./layout.jade
block title
title Article Title
block append content
h1 My Article
输出html
<!DOCTYPE html> <html> <head> <title>Article Title</title> </head> <body> <p>hello</p> <h1>My Article</h1> </body> </html>
© 著作权归作者所有
举报
发表评论
0/200
