安装
- 安装:
npm i pug --save-dev
声明pug语言
在.vue
文件中,使用<template lang="pug"> ... </template>
声明pug
模板。
书写属性及文本
-
在
.vue
文件中,使用tagname.className(attributeName="attributeValue") textContent
格式书写。
举例:div.test(:data="data-var") {{ msg }}
-
注意:圆括号前没有空格,圆括号后面有空格
-
如果有多个
attribute
,可以分行写或者用逗号隔开。
举例:
// 分行 slot(:msg="msg" class="hahah") // 一行 slot(:msg="msg" class="hahah") // 使用逗号 slot(:msg="msg", class="hahah")
发表评论