vue 类似$set 根据key获取值的写法

在 Vue.js 中，可以使用 `$set` 方法来根据 key 获取值。不过需要注意的是，`$set` 方法实际上是用于设置对象属性的值，而不是获取值。在 Vue 中，可以通过 `$data` 属性来获取 Vue 实例的数据对象，然后使用 `[]` 运算符来获取特定 key 对应的值。

下面是一个示例代码：

<template>
  <div>
    <p>{{ $data['key'] }}</p>
    <button @click="getValue('key')">Get Value</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      key: 'value'
    };
  },
  methods: {
    getValue(key) {
      const value = this.$data[key];
      console.log(value); // 输出：value
    }
  }
};
</script>

在这个例子中，模板中使用了双括号绑定语法 `{{ }}` 来展示 `$data['key']` 的值。`getValue` 方法接受一个 key 参数，并通过 `this.$data[key]` 来获取对应的值。当点击按钮时，会调用 `getValue` 方法并将 `'key'` 作为参数传递进去，然后打印出对应的值。

希望这个例子能够帮助你理解在 Vue 中如何根据 key 获取值。如果还有其他问题，请随时提问！