wx.config({
  debug: true, // 開啟調試模式,調用的所有 api 的返回值會在客戶端 alert 出來，若要查看傳入的參數，可以在 pc 端打開，參數信息會通過 log 打出，僅在 pc 端時才會打印。
  appId: '', // 必填，公眾號的唯一標識
  timestamp: , // 必填，生成簽名的時間戳
  nonceStr: '', // 必填，生成簽名的隨機串
  signature: '',// 必填，簽名
  jsApiList: [] // 必填，需要使用的 JS 接口列表
});

wx.ready(function(){
  // config信息驗證后會執行 ready 方法，所有接口調用都必須在 config 接口獲得結果之后，config是一個客戶端的異步操作，所以如果需要在頁面加載時就調用相關接口，則須把相關接口放在 ready 函數中調用來確保正確執行。對于用戶觸發時才調用的接口，則可以直接調用，不需要放在 ready 函數中。
});

npm install weixin-js-sdk --save

import wx from 'weixin-js-sdk'; // 引入wxjs
import { shares } from '@/api/index'; // 分享的接口  傳給后端一個地址(與域名一致)

// vue調用微信的自定義分享
    getShareInfo() {
       this.save = {
          url: location.href.split('#')[0] // 只需要傳當前頁面地址
        };
      shares(this.save).then(res => {
        const config = res.data;
        wx.config({
          appId: config.appId,  // appID 公眾號的唯一標識
          timestamp: config.timestamp, // 生成簽名的時間戳
          nonceStr: config.nonceStr, //  生成簽名的隨機串
          signature: config.signature, // 生成的簽名
          jsApiList: [
            'updateAppMessageShareData', // 分享到朋友
            'updateTimelineShareData', // 分享到朋友圈
          ]
        });

        wx.ready(() => {
          var shareData = {
            title: '王者歸來-王者突破特訓營',
            desc: '幫助青銅早日登上王者之路',
            link: https://www.baidu.com/, // 分享后的地址
            imgUrl:
              '分享出去的圖片地址'
          };
          //點擊要去分享
          wx.updateAppMessageShareData(shareData);
          wx.updateTimelineShareData(shareData);
        });
      });
    }

mounted() {
    this.getShareInfo(); // 調用分享的事件
  },

var broser = window.navigator.userAgent.toLowerCase();
  //通過正則表達式匹配broser 中是否含有MicroMessenger字符串
  if (broser.match(/MicroMessenger/i) == 'micromessenger') {
    console.log('微信瀏覽器');
    // this.weixin();
    this.showContent = true;
  } else {
    this.$toast.warn('請使用微信瀏覽器打開');
  }

wx.ready(function () {   //需在用戶可能點擊分享按鈕前就先調用
  wx.updateAppMessageShareData({ 
    title: '', // 分享標題
    desc: '', // 分享描述
    link: '', // 分享鏈接，該鏈接域名或路徑必須與當前頁面對應的公眾號 JS 安全域名一致
    imgUrl: '', // 分享圖標
    success: function () {
      // 設置成功
    }
  })
});

//使用后端拿到的數據配置wxconfig
 wx.config({
  debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會打印。
  appId: res.appId, // 必填，公眾號的唯一標識，填自己的！
  timestamp: res.timestamp, // 必填，生成簽名的時間戳，剛才接口拿到的數據
  nonceStr: res.nonceStr, // 必填，生成簽名的隨機串
  signature: res.signature, // 必填，簽名，見附錄1
  jsApiList: [
   'onMenuShareTimeline',
   'onMenuShareAppMessage'
  ]
 });

wx.ready(function () { //如果wx.config配置正常，會自動走此處
    console.log('ready執行完畢')
    //自定義“分享給朋友”及“分享到QQ”按鈕的分享內容
    wx.updateAppMessageShareData({
      title: option.shareTitle,//分享的標題
      desc: option.shareDesc,//分享的描述信息
      link: option.shareUrl,//分享的url
      imgUrl: option.shareImg//分享的圖片
    });
    //自定義“分享到朋友圈”及“分享到QQ空間”按鈕的分
    wx.updateTimelineShareData({
      title: option.shareTitle,
      desc: option.shareDesc,
      link: option.shareUrl,
      imgUrl: option.shareImg,
    });
 });