Getting Started – Pug https://pugjs.org/api/getting-started.html
GitHub - Tencent/wepy: 小程序组件化开发框架 https://github.com/Tencent/wepy
<template lang="pug"> view(class='container') view(class='userinfo' @tap='tap') mycom(:prop.sync='myprop' @fn.user='myevent') text {{now}} </template>
多会企业版 - 专属线下活动平台 https://www.duohui.cn/enterprise#features
Attributes – Pug https://pugjs.org/language/attributes.html
Here are some alternatives you can use to include variables in your attribute:
-
Simply write the attribute in JavaScript:
- var url = 'pug-test.html';
a(href='/' + url) Link
|
|
- url = 'https://example.com/'
a(href=url) Another link
<a href="/pug-test.html">Link</a>
<a href="https://example.com/">Another link</a>
-
If your JavaScript runtime supports ES2015 template strings (including Node.js/io.js 1.0.0 and later), you can also use its syntax to simplify your attributes:
- var btnType = 'info'
- var btnSize = 'lg'
button(type='button' class='btn btn-' + btnType + ' btn-' + btnSize)
|
|
button(type='button' class=`btn btn-${btnType} bt
Style Attributes
The
style
attribute can be a string, like any normal attribute; but it can also be an object, which is handy when styles are generated by JavaScript.a(style={color: 'red', background: 'green'})
<a style="color:red;background:green;"></a>