“Vue v-for 指令”的版本间的差异

来自姬鸿昌的知识库
跳到导航 跳到搜索
(建立内容为“https://www.bilibili.com/video/BV12J411m7MG/?p=15”的新页面)
 
第1行: 第1行:
 
https://www.bilibili.com/video/BV12J411m7MG/?p=15
 
https://www.bilibili.com/video/BV12J411m7MG/?p=15
 +
 +
根据数据生成列表结构
 +
 +
形式1:<syntaxhighlight lang="html">
 +
<div id="app">
 +
    <ul>
 +
        <li v-for="item in arr">
 +
            你好
 +
        </li>
 +
    </ul>
 +
</div>
 +
</syntaxhighlight><syntaxhighlight lang="html">
 +
<div id="app">
 +
  <ul>
 +
    <li v-for="item in arr" :title="title">
 +
        {{ item }}
 +
    </li>
 +
  </ul>
 +
</div>
 +
</syntaxhighlight><syntaxhighlight lang="javascript">
 +
var app = new Vue({
 +
    el:"#app",
 +
    data:{
 +
        arr:[1,2,3,4,5]
 +
    }
 +
})
 +
</syntaxhighlight>

2023年8月8日 (二) 05:49的版本

https://www.bilibili.com/video/BV12J411m7MG/?p=15

根据数据生成列表结构

形式1:

<div id="app">
    <ul>
        <li v-for="item in arr">
            你好
        </li>
    </ul>
</div>
<div id="app">
  <ul>
    <li v-for="item in arr" :title="title">
        {{ item }}
    </li>
  </ul>
</div>
var app = new Vue({
    el:"#app",
    data:{
        arr:[1,2,3,4,5]
    }
})