uniapp 如何导出方法

在 uniapp 中，导出方法可以通过以下两种方式实现：

1. 使用 export default 导出方法

export default {
  data() {
    return {
      message: 'Hello World!'
    }
  },
  methods: {
    sayHello() {
      console.log(this.message);
    }
  }
}

在其他组件中，通过 import 引入该组件，即可调用该组件中的方法：

<template>
  <view>
    <button @click="handleClick">Click Me</button>
  </view>
</template>

<script>
import HelloWorld from '@/components/HelloWorld';

export default {
  methods: {
    handleClick() {
      HelloWorld.methods.sayHello();
    }
  }
}
</script>

2. 使用 uni 对象定义全局方法

uni.sayHello = function() {
  console.log('Hello World!');
}

在其他组件中，直接调用 uni 对象中的方法即可：

<template>
  <view>
    <button @click="handleClick">Click Me</button>
  </view>
</template>

<script>
export default {
  methods: {
    handleClick() {
      uni.sayHello();
    }
  }
}
</script>