Object.keys（）方法和Object.values（）方法在实战中的使用

主要的代码片段：

<div class="text-info" v-html="html"></div>

计算属性相关的代码片段：

  //计算属性
  computed: {
  //自定义函数
    html() {
    //Object.keys（）方法中如果传入一个数组则返回数组的索引值，如果传入一个对象，则返回对象的可枚举的属性数组。
    //Object.values（）方法是返回传入参数的具体值
      if (Object.keys(this.detail).length > 0) {
      //判断detail中是否存在html ，若存在html 则使用html ，若不存在，则使用documentContent
        return this.detail.html ? this.detail.html : this.detail.documentContent
      }
      return ''
    }
  },

关于Object.keys（）方法和Object.values（）方法的详细实例：

        var list = {
            id: 1,
            name: '四川',
            type: 'city',
            mainCity: '成都'
        }

        var arr = [33, 44, 55, 66, 77]

        //Object.keys()遍历对象
        console.log(Object.keys(list)); //['id', 'name', 'type', 'mainCity']
        //Object.keys()遍历数组
        console.log(Object.keys(arr)); //['0', '1', '2', '3', '4']


        //Object.values()遍历对象
        console.log(Object.values(list)); //[1, '四川', 'city', '成都']
        //Object.keys()遍历数组
        console.log(Object.values(arr)); //[33, 44, 55, 66, 77]