Vue.js学习-16-JS对象迭代显示内容-白红宇的个人博客

发布日期：2021-05-20 05:03:24 浏览次数：22 分类：原创文章

本文共 835 字，大约阅读时间需要 2 分钟。

<!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学习-17-Vue.js表单复选框

下一篇：Vue.js学习-15-v-for循环数组内容

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章