vue v-for下用c:set
时间: 2023-11-25 16:51:27 浏览: 70
vue-test-demo:阅读vue源码时测试的demo
根据提供的引用内容,Vue.js中没有c:set这个指令,c:set是JSTL标签库中的一个指令,用于设置一个变量的值。在Vue.js中,可以使用v-for指令来循环渲染数组或对象的内容,同时可以使用v-bind指令来绑定属性或者class等。以下是一个v-for循环渲染数组的例子:
```html
<div id="app">
<ul>
<li v-for="(item, index) in items" :key="index">{{ item }}</li>
</ul>
</div>
<script>
var app = new Vue({
el: '#app',
data: {
items: ['item1', 'item2', 'item3']
}
})
</script>
```
以上代码中,v-for指令用于循环渲染items数组中的每一项,同时使用v-bind指令将index绑定到li元素的key属性上,以便Vue.js能够跟踪每个节点的身份,从而高效地更新虚拟DOM。
阅读全文