<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
.textcolor{
color:aquamarine;
}
.textsize{
font-size: 50px;
}
</style>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="vueApp">
<h1>JS对象迭代</h1>
<div v-for="(value,keyname) in toShow">{{keyname}} : {{value}}</div>
</div>
</body>
<script>
let vueApp=new Vue({
el:"#vueApp",
data:{
toShow:{
today:"2020/4/21",
myname:"gaowanlu",
thing:"learning Vue.js",
email:"heizuboriyo@gmail.com"
},
},
}
);
</script>
</html>
Vue.js学习-16-JS对象迭代显示内容
最新推荐文章于 2021-06-29 13:18:22 发布