大佬地址：VUE项目引入微信JSSDK 实现微信自定义分享_vue中如何引入wx sdk-CSDN博客
支付功能：

第一个接口 是初始化 ssdk的 
第二个接口 是调用微信支付的

 

   jsApiPayBefore().then(res => {let getMsg = res.dataswx.config({debug: false, //生产环境需要关闭debug模式  测试环境下可以设置为trueappId: getMsg.appId, //appId通过微信服务号后台查看timestamp: getMsg.timestamp, //生成签名的时间戳nonceStr: getMsg.nonceStr, //生成签名的随机字符串signature: getMsg.signature, //签名jsApiList: ['chooseWXPay'],})console.log('配置中')wx.error(function(error) {console.log(error)console.log('配置失败')})getjsApiPay({openId: this.openId,       description: '描述测试',price: '1'}).then(res => {var payParams = res.dataswx.ready(() => {console.log('微信 JSSDK 配置成功');wx.chooseWXPay({timestamp: payParams.timeStamp,nonceStr: payParams.nonceStr,package: payParams.package,signType: payParams.signType,paySign: payParams.paySign,success: res => {console.log('成功res',res)this.typedata = 0},fail: error => {console.log('error失败',error)this.typedata = -1}})})})})