2、vue.js v-for循环
html代码部分<ul id="div_id"><li v-for="(v, k) in lists" :key="vo.id"> <!--k:键值-->{{v.name}}--{{v.k}}</li></ul>JS 代码部分<script src="/js/vue.js"></scrip...
·
html代码部分
<ul id="div_id">
<li v-for="(v, k) in lists" :key="vo.id"> <!--k:键值-->
{{v.name}}--{{v.k}}
</li>
</ul>
//或者使用 template
<template v-for="(v,k) in lists">
{{v.name}}--{{v.k}}
</template>
JS 代码部分
<script src="/js/vue.js"></script> <!--引入vue.js-->
<script>
var vm= new Vue({
el: '#div_id',
data: {
//实例数组
lists: [
{ name: 'ahao' },
{ name: 'quhao' }
]
}
})
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)