vue选项式api怎么声明类型，并且实例化

要在 Vue 的选项式 API 中声明类型，可以使用 TypeScript 或者 Flow 等类型检查工具。以下是使用 TypeScript 声明类型并实例化的示例代码：

import Vue from 'vue';

interface MyComponentProps {
  foo: string;
  bar: number;
}

export default Vue.extend({
  name: 'MyComponent',
  props: {
    foo: {
      type: String,
      required: true
    },
    bar: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      baz: true
    };
  },
  computed: {
    computedProp(): string {
      return this.foo + this.bar;
    }
  },
  methods: {
    myMethod(): void {
      console.log('Hello from MyComponent!');
    }
  }
});

在上述代码中，我们使用了 TypeScript 中的 `interface` 来声明组件的 props 类型，并通过 `Vue.extend` 方法来实例化一个 Vue 组件。在实例化时，我们可以通过 `props` 选项来为组件声明属性，并使用 `type` 属性来指定属性的类型。同时，我们还可以声明组件的 `data`，`computed` 和 `methods`，以及其他选项。