如何在Vue中访问对象的对象方法

Question

我正在尝试从Vue中的对象获取所有键。

我已经知道要使用JavaScript进行此操作。即；

const object1 = {
    a: 'somestring',
    b: 42,
    c: false
};

console.log(Object.keys(object1));

输出将是一个数组。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

您将如何在Vue中的方法中执行此操作？

methods: {
    getKeys(object1){
        ...
    },
},

并解释一下您将如何面对这样的其他差异？

Answer 1

将方法绑定到事件：

new Vue({
  el: "#app",
  data: {
    object1: {
      a: 'somestring',
      b: 42,
      c: false
    }
  },
  methods: {
    getKeys(object) {
      console.log(Object.keys(object));
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <button @click="getKeys(object1)">getkeys</button>
</div>