什么是 Vue 选项 API？

Question

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

Answer 1

简而言之，我在评论中发布了有关组合与选项 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 页）。