jade继承

最新推荐文章于 2021-06-22 14:15:14 发布

weixin_30294021

最新推荐文章于 2021-06-22 14:15:14 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wzndkj/p/9292569.html

代码的复用是jade非常突出的一个设计目标，jade不仅仅通过mixin来复用代码，他在文件的组织能力上也非常突出，说白了，就是继承和包涵

block定义的方式和调用的方式

block desc
　　p jade study
block desc
block desc

<p>jade study</p>
<p>jade study</p>
<p>jade study</p>

继承

layout.jade

html
　　head
　　　　meta(charset='utf-8')
　　　　title layout
　　body
　　　　block descript
　　　　　　p from layout
　　　　block content

index.jade

extends layout.jade

block content
　　block descript
　　　　p desc from index
　　h1 mixin
　　mixin lession
　　　　p jade study
　　+lession

index.html

<html>
　　<head>
　　　　<meta charset="utf-8"/>
　　　　<title>layout</title>
　　</head>
　　<body>
　　　　<p>desc from index</p>
　　　　<p>desc from index</p>
　　　　<h1>mixin</h1>
　　　　<p>jade study</p>
　　</body>
</html>