遍历对象属性的方法有：1、使用v-for指令遍历出对象的key和value，语法“v-for=(val,key,i) in obj”；2、用object.keys()遍历对象的键和值，语法“object.keys(ob).foreach(key=>{...}”；3、通过“for…in”循环遍历对象的键和值，语法“for(let key in obj){...}”。
本教程操作环境：windows7系统、vue3版，dell g3电脑。
最近通过对象相关知识的深入学习，我发现对象的遍历主要分为两种情况，一种是在页面中遍历，另外一种是在方法中遍历对象，现在我们就从这两种情况分别来遍历对象获取对象的key和value。
情况一：在页面中遍历对象获取对象的键和值定义一个变量
  obj:object={a:1,b:2,c:3};//用于在页面中调用
在页面中使用v-for遍历出对象的key和value
    <div>      <h1>        获取对象的key和value      </h1>      <p v-for="(value,key) in obj" :key='key'>key:{{key}}-----value:{{value}}</p>    </div>
实现效果
情况二：在方法中遍历对象获取对象的键和值定义个对象变量
objnum:object={1:'a',2:'b',3:'c'};
方法一：使用object.keys()方法遍历对象的键和值
//实现思路：通过 object.keys()对象方法将对象的key转化为一个数组，再通过foreach遍历出数组的值，再通过[key]去获取对象的value值。    object.keys(this.objnum).foreach(key=>{      console.log('key:',key,'value:',this.objnum[key]);  }
方法一实现效果：
方法二：通过for in循环遍历对象的键和值
    for(let key in this.objnum){    //for循环let key是对象里面的键，再通过,[]的形式this.objnum[item]去获取对象的value值      console.log('key',key);      console.log('value',this.objnum[key ]);    }
方法二实现效果:
【相关推荐：vuejs视频教程、web前端开发】
以上就是vue遍历对象属性的方法有哪些的详细内容。