pug在vue中的序列写法

最新推荐文章于 2024-06-25 11:10:30 发布

小鬼bustern

最新推荐文章于 2024-06-25 11:10:30 发布

阅读量139

点赞数

分类专栏： Vue 文章标签： vue pug

本文链接：https://blog.csdn.net/weixin_39225682/article/details/109399785

版权

Vue 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

这篇博客展示了如何使用HTML语法进行列表的遍历和渲染。通过一个`for`循环实例，解释了如何创建无序列表`<ul>`和有序列表`<ol>`，并分别展示了对变量`n`的递增以及数组`list`中每个元素的迭代过程。内容包括动态生成`<li>`元素，以及嵌套列表的构建。

摘要由CSDN通过智能技术生成

ul
  - var n = 0
  while n < 4
    li= n++
 ul
  - for (var x = 0; x < 3; x++)
    li item
ol
  - var list = [1,2,3,4,5,6]
  each item in list
    li= item

html写法

<ul>
  <li>0</li>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
<ul>
  <li>item</li>
  <li>item</li>
  <li>item</li>
</ul>
<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ol>