什么是 Vue 选项 API？

Question

我知道 Vue 3 的主要特性之一是 Composition API，它是旧的 Vue Options API 的替代品。但我似乎找不到 Options API 的简单文本定义 - 它是什么？

Answer 1

简而言之，来自我在 cmets 中发布的 blog article about composition vs. options API：

// Options API
export default {
  data() {
    return {
      name: 'John',
    };
  },
  methods: {
    doIt() {
      console.log(`Hello ${this.name}`);
    },
  },
  mounted() {
    this.doIt();
  },
};

// Composition API
export default {
  setup() {
    const name = ref('John');
    
    const doIt = () => console.log(`Hello ${name.value}`);
    
    onMounted(() => {
      doIt();
    });
    
    return { name };
  },
};

Options API 是 Vue2 中“旧”方式的名称。 AFAIK 你仍然可以像以前的 Vue2 一样使用两者。

在搜索 "vue options api" 时，我必须点击第 6 个链接 - 在搜索结果中非常靠后，但至少不是找不到（又名 Google 搜索结果，第 2 页）。