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:

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>

巴特西

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

Style Attributes

最新文章

热门文章