预处理器 如何在 Nuxt.js 中使用预处理器？ 预处理器 如何在 Nuxt.js 中使用预处理器？ 得益于 vue-loader , 我们可以通过 lang 属性在组件中的<template> ， <script> 或 <style> 上使用各种预处理器。 举个例子，我们在 pages/index.vue 组件中使用 Pug ， ...

迭代 Iteration ~~ Iteration each while 迭代 Iteration ~~ Iteration Pug 目前支持两种主要的迭代方式： each 和 while 。 each 这是 Pug 的头等迭代方式，让您在模板中迭代数组和对象更为简便： ul each val in [ 1 , 2 ,...

注释 Comment ~~ Comments 块注释 ~~ Block Comments 条件注释 ~~ Conditional Comments 注释 Comment ~~ Comments 带输出的注释和 JavaScript 的单行注释类似，它们像标签，能生成 HTML 注释，而且必须独立一行。 // 一些内容 p foo p b...

Includes Including Plain Text Including Filtered Text Includes Includes allow you to insert the contents of one Pug file into another. //- index.pug doctype html html ...

嵌入 Interpolation ~~ Interpolation 字符串嵌入，转义 ~~ String Interpolation, Escaped 字符串嵌入，不转义 ~~ String Interpolation, Unescaped 标签嵌入 ~~ Tag Interpolation 空格的调整 ~~ Whitespace Control ...

Using Vue in Markdown Browser API Access Restrictions Templating Interpolation Directives Access to Site & Page Data Escaping Using Components Using Pre-processors Script &...

Conditionals Conditionals Pug’s first-class conditional syntax allows for optional parentheses. If you’re coming from Pug v1, you may now omit the leading - . Otherwise, it’s ...

Doing it yourself Doing it yourself We’ve come quite far now. Your knowledge of C should be good enough for you to stand on your own feet a little more. If you’re feeling conf...

过滤器 Filter ~~ Filters 行内语法 ~~ Inline Syntax 嵌套过滤器 ~~ Nested Filters 自定义过滤器 ~~ Custom Filters 过滤器 Filter ~~ Filters 过滤器可以让您在 Pug 中使用其他的语言。它们接受传入一个文本块的内容。向过滤器传递参数，只需要将参数如同标签属性...

Comments Block Comments Conditional Comments Comments Buffered comments look the same as single-line JavaScript comments. They act sort of like markup tags, producing HTML co...