Vue循环对象示例
本文介绍了一个使用Vue.js框架来循环遍历并显示一个对象中所有键值对的例子。通过v-for指令，我们可以轻松地在网页上展示出对象的所有属性及其对应的值。
vue也是可以循环对象的。例子如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<p v-for="(val, key, index) in list">{{key}}--{{val}}</p>
</div>
<script src='vue.js'></script>
<script>
var obj=
new Vue({
el: '#app',
data:{
list:{
'id':1,
'user':'superadmin',
'firstTime':'2017-07-11'
}
}
})
</script>
</body>
</html>渲染到页面的样子
id--1
user--superadmin
firstTime--2017-07-11
扫一扫
3000
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
