uni-app vue3 使用weixin-js-sdk

uni-app 是一款基于 Vue.js 的跨平台框架，它允许开发者构建一次代码，发布到多个平台上，包括微信小程序、H5、App等。在 Vue3 中使用 wechat-js-sdk（微信JS-SDK），主要是为了在微信环境中集成微信的一些功能，比如分享、支付、登录授权等。

要在 uni-app 的 Vue3 项目中引入 wechat-js-sdk，首先需要安装官方提供的微信 SDK 组件。你可以通过 npm 或者 yarn 进行安装：

npm install @dcloudio/wechatjsbridge
# 或者
yarn add @dcloudio/wechatjsbridge

然后，在需要使用微信 JS-SDK 功能的地方，导入并调用微信实例，通常在生命周期钩子 `onLoad` 中初始化：

import WechatJSSDK from '@dcloudio/wechatjsbridge';

export default {
  onLoad() {
    // 初始化微信JS-SDK
    WechatJSSDK.init({
      jsApiList: ['checkJsApi', 'onMenuShareTimeline', ...] // 需要使用的功能列表
    }).then(() => {
      // 之后可以调用 wechat API 了
      this.shareToTimeline();
    });
  },
  
  shareToTimeline() {
    WechatJSSDK.onMenuShareTimeline({
      title: '自定义标题',
      link: 'https://example.com',
      imgUrl: 'http://example.com/share.jpg',
      success: function(res) {
        console.log('分享成功');
      }
    });
  }
}

记得在配置文件 `config.xml` 中开启对应的权限：

<platform name="wx">
  <preference name="WechatJSBridgeDebug" value="false" />
  <!-- 其他微信特定配置... -->
</platform>