Vue for循環 例子
阿新 • • 發佈：2018-03-20
val .com png bject 效果 new demo blog title
demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vue 測試實例</title>
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="three">
<ul>
<ol v-for="(value,key) in object">
{{key}}:{{value}}
</ol>
</ul>
</div>
<script>
new Vue({
el:‘#three‘,
data:{
object:{
name: "博客園",
url: "http:baidu.com",
slogan: "努力總會回報"
}
}
})
</script>
</body>
</html>
效果：
Vue for循環 例子