Vue常用插件:pug

安装

  • 安装: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")

创作不易,若本文对你有帮助,欢迎打赏支持作者!

 分享给好友: