Vue对象值

Question

我想得到一个Vue对象值的数组。

Object.values（obj）不起作用，因为Vue将对象值转换为getter / setter：https://vuejs.org/v2/guide/reactivity.html

Answer 1

确实有效（见下文）。由于您正在寻找整个data对象，因此可以通过Object.values(this.$data)获取

：

new Vue({
  el: '#app',
  data: {
    message: 'Open the console for a better view',
    person: {
    	name: {first_name: 'Alice', surname: 'Smith'},
      age: 15
    }
  },
  methods: {
    print() {
      console.log(Object.values(this.person));
      console.log(Object.values(this.person.name));

      console.log(Object.values(this.$data));
    }
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p>{{ message }}</p>
  <button @click="print">print</button>
</div>