v-for 遍历对象

雨点打透心脏的1/2处 2022-04-18 06:38 239阅读 0赞 
  1. <!DOCTYPE html>
  3. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta name="viewport" content="width=device-width,initial-scale=1.0">
  8.     <meta http-equiv="X_UA-Compatible" content="ie=edge">
  9.     <title>vue 入门</title>
  10.     <!--1 导入vue.js库-->
  11.     <script src="./lib/vue.js"></script>
  12. </head>
  14. <body>
  15.     <div id="app">
  16.         <p v-for="(val,key) in user">--值---{
  17.    {val}}------键-{
  18.    {key}}--</p>
  19.     </div>
  20.     <script>
  21.         var vm = new Vue({
  22.             el: '#app',
  23.             data: { 
  24.                user:{
  25.                    id:1,
  26.                    name:'zhangsan',
  27.                    address:'bj'
  28.                }
  29.             },
  30.             methods: {
  32.             }
  33.         })
  35.     </script>
  36. </body>
  38. </html>

发表评论

表情：
评论列表 （有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js遍历(js遍历json对象)

    遍历是什么意思啊？？？ 在数据结构中，遍历就是指沿着某条搜索路线,依次对路线中每个结点均做一次并且只做一次访问 ![js遍历(js遍历json对象)\_js遍历(js遍

    快来打我*快来打我*/ 0 赞/ 15 阅读