如何在渲染中访问列表中的对象键？

<template>
  <div>
    <ul>
      <li v-for="(value, key) in myObject" :key="key">
        {{ key }}: {{ value }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myObject: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    };
  }
};
</script>

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const myObject = {
      key1: 'value1',
      key2: 'value2',
      key3: 'value3'
    };

    return (
      <div>
        <ul>
          {Object.keys(myObject).map(key => (
            <li key={key}>
              {key}: {myObject[key]}
            </li>
          ))}
        </ul>
      </div>
    );
  }
}

export default MyComponent;