pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an argument.

 

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:

1. 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>

    

2. 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>