pug

277 阅读1分钟
  1. 安装
npm install pug
  1. 属性
a(href='www.baidu.com')百度
<a href="baidu.com">百度</a>
input(
type='checkbox'
name='agreement'
checked
)
<input type="checkbox" name="agreement" checked="checked" />

也可以在属性当中嵌入变量

-var url='www.baidu.com'
a(href=url)链接
<a href="/pug-test.html">链接</a>

布尔值默认属性为true

css样式属性

a(style={color:'green',background:'red'})
a.classname
a#id

&attributes 语法可以将一个对象转化为一个元素的属性列表。

div#foo(data-bar="foo")&attributes({'data-foo': 'bar'})
<div id="foo" data-bar="foo" data-foo="bar"></div>