vue3如何在BaseComponent.vue写方法

在Vue 3中，在`BaseComponent.vue`中编写方法与在常规组件中编写方法并没有太大的区别。你可以在`BaseComponent.vue`的`<script>`标签中定义方法，然后在组件的其他地方调用这些方法。

以下是一个示例，展示了如何在`BaseComponent.vue`中编写方法：

<template>
  <div>
    <p>{{ greeting }}</p>
    <button @click="sayHello">Say Hello</button>
  </div>
</template>

<script>
export default {
  name: 'BaseComponent',
  data() {
    return {
      greeting: 'Hello from base component!',
    };
  },
  methods: {
    sayHello() {
      console.log('Hello!');
    },
    customMethod() {
      console.log('This is a custom method in the base component.');
    },
  },
};
</script>

在上面的例子中，`BaseComponent`定义了两个方法：`sayHello`和`customMethod`。`sayHello`方法用于在控制台输出"Hello!"，而`customMethod`方法用于在控制台输出一条自定义信息。

你可以在组件的其他地方（例如，子组件或扩展组件）中调用这些方法。例如，在子组件中使用`this.$options.methods.customMethod()`来调用基础组件中的`customMethod`方法。

希望这对你有所帮助！如有其他问题，请随时提问。