vue 怎么在 export default 外调用this

在 `export default` 外调用 `this` 是不可能的，因为 `this` 是组件实例化后才能使用的，而 `export default` 是导出组件定义的语句，还没有实例化组件。如果你需要在 `export default` 外部访问组件实例，可以通过 `ref` 属性来获取组件实例。例如：

<template>
  <div>
    <button @click="handleClick">点击</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log("button clicked")
    }
  }
}
</script>

如果你想在 `export default` 外访问该组件实例的方法 `handleClick`，可以这样做：

<template>
  <div>
    <button @click="handleClick">点击</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log("button clicked")
    }
  }
}

const component = { // 创建一个组件实例
  template: '<div><my-component ref="myComponent"></my-component></div>',
  components: {
    'my-component': export default
  },
  mounted() {
    this.$refs.myComponent.handleClick() // 调用组件方法
  }
}

export { component } // 导出组件实例
</script>

这里我们创建了一个名为 `component` 的组件实例，并通过 `ref` 属性获取了组件实例，在 `mounted` 钩子函数中调用了组件实例的 `handleClick` 方法。最后通过 `export` 导出了 `component`，在其他地方就可以通过 `component` 访问组件实例了。