之前学习的时候看到官方给出的demo：
就觉得这个模板引擎有点酷，虽然我不太喜欢这种使用缩进来代替闭合标签或者的方式，但还是觉得可以尝试着了解一下pug的语法。
HTML标签必须进行闭合，如果不闭合的话容易报错。HTML没有模板机制，如果不使用前端框架维护起来非常困难。
从上面的例子可以看出，子组件会比父组件多出缩进，而类的声明不光可以直接通过的选择器方式声明，也可以向下面一样进行声明。
和最大的不同在于它拥有自己的语法，拥有循环、条件控制、定义变量等功能。可以说如果在没有前端框架的年代，这些功能是多么的有诱惑力，但是，近几年React、Vue的出现，已经解决了这些痛点。
上面的例子跟的和判断很相似。
可以看到，在里面可以使用for循环进行遍历，同时我还发现webstorm的代码格式化在格式化代码的时，不能正确的进行缩进，如果对上面的代码进行格式化，代码将无法正常进行解析。
可以通过将外部的文件插入进来，当然由于Vue自身已经包含了模块化功能，所以这项功能在Vue中几乎没有用处。
这一块内容十分类似于Vue中的插槽。即可以使用Vue中的插槽来进行代替，如果真的有兴趣的话，可以直接观看官方文档。
pug中使用了的方式。Vue中使用了双括号的方式。React中使用了单括号的方式。
允许您在 Pug 中重复使用一整个代码块的方法，跟的函数相类似，并且可以传递一些参数。
有提示，而在pug中则没有提示
就我个人而言，我是非常不喜欢这种没有闭合标签的语句，可能是因为我学的第一门编程语言是的关系，所以我还是比较喜欢拥有的编程语言。
在webstorm中，对pug语法的代码提示做的远远不如HTML，并且pug的大部分功能在现在的Vue，React框架中也有对应的实现方法，总之我感觉了解一下pug就可以了，如果遇到真的有工程使用，到时候再进行针对性学习也不迟。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery