vue对接微信sdk，可以分享给微信朋友、朋友圈，具体实现步骤及代码

实现步骤如下：

1. 引入微信JSSDK

首先需要在页面中引入微信JSSDK，可以通过以下CDN地址引入：

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

2. 配置微信JSSDK

在Vue组件中，可以通过`mounted()`生命周期函数初始化微信JSSDK。在初始化之前，需要先获取微信JSSDK的配置信息，可以通过后端API获取：

mounted() {
  // 获取微信JSSDK配置信息
  axios.get('/api/wechat/config', {
    params: {
      url: window.location.href.split('#')[0],
    },
  }).then(res => {
    // 配置微信JSSDK
    wx.config({
      debug: false,
      appId: res.data.appId,
      timestamp: res.data.timestamp,
      nonceStr: res.data.nonceStr,
      signature: res.data.signature,
      jsApiList: [
        'updateAppMessageShareData',
        'updateTimelineShareData',
      ],
    });
  }).catch(error => {
    console.log(error);
  });
},

需要注意的是，`url`参数需要传入当前页面的URL地址，但需要去除URL中的锚点部分。

3. 分享给微信朋友

分享给微信朋友可以通过`wx.updateAppMessageShareData()`方法实现，代码如下：

// 分享给微信朋友
wx.updateAppMessageShareData({
  title: '分享标题',
  desc: '分享描述',
  link: '分享链接',
  imgUrl: '分享图标',
  success: function () {
    // 分享成功后的回调函数
    console.log('分享给微信朋友成功');
  },
  cancel: function () {
    // 分享取消后的回调函数
    console.log('取消分享给微信朋友');
  },
});

4. 分享到朋友圈

分享到朋友圈可以通过`wx.updateTimelineShareData()`方法实现，代码如下：

// 分享到朋友圈
wx.updateTimelineShareData({
  title: '分享标题',
  link: '分享链接',
  imgUrl: '分享图标',
  success: function () {
    // 分享成功后的回调函数
    console.log('分享到朋友圈成功');
  },
  cancel: function () {
    // 分享取消后的回调函数
    console.log('取消分享到朋友圈');
  },
});

完整代码如下：

<template>
  <div>
    <button @click="shareToWechatFriend">分享给微信朋友</button>
    <button @click="shareToWechatTimeline">分享到朋友圈</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  mounted() {
    // 获取微信JSSDK配置信息
    axios.get('/api/wechat/config', {
      params: {
        url: window.location.href.split('#')[0],
      },
    }).then(res => {
      // 配置微信JSSDK
      wx.config({
        debug: false,
        appId: res.data.appId,
        timestamp: res.data.timestamp,
        nonceStr: res.data.nonceStr,
        signature: res.data.signature,
        jsApiList: [
          'updateAppMessageShareData',
          'updateTimelineShareData',
        ],
      });
    }).catch(error => {
      console.log(error);
    });
  },
  methods: {
    // 分享给微信朋友
    shareToWechatFriend() {
      wx.updateAppMessageShareData({
        title: '分享标题',
        desc: '分享描述',
        link: '分享链接',
        imgUrl: '分享图标',
        success: function () {
          console.log('分享给微信朋友成功');
        },
        cancel: function () {
          console.log('取消分享给微信朋友');
        },
      });
    },
    // 分享到朋友圈
    shareToWechatTimeline() {
      wx.updateTimelineShareData({
        title: '分享标题',
        link: '分享链接',
        imgUrl: '分享图标',
        success: function () {
          console.log('分享到朋友圈成功');
        },
        cancel: function () {
          console.log('取消分享到朋友圈');
        },
      });
    },
  },
};
</script>