教你傻瓜式使用vue开发网页微信分享功能

首先，你会vue 其次你要有 微信公众号1. appid 2. 密钥 相当于你的微信认证身份证
不废话了！！
下面直接怼方法
没有公众号的先看这个 [公众号开通教程]添加链接描述
在公众号 基本配置里面看自己的id 记得设置ip白名单 也就是你的安全域名
下面就直接怼vue代码
配置

   npm install weixin-js-sdk   下载报错的用cnpm也行

 要分享的页面引入// 微信
 import wx from 'weixin-js-sdk';
 也可以main.js引入

// import WXConfig from './assets/js/sdk' // 微信分享

// Vue.prototype.WXConfig = WXConfig;

接着首先创建sdk.js

import wx from 'weixin-js-sdk'			//微信sdk依赖

const jsApiList = ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ','onMenuShareWeibo']
										//要用到微信API
import axios from 'axios'
// 
 
//     var getMsg = res.data.data;
function getJSSDK(url, dataForWeixin) {
   
    // axios.get('').then(function(res) {    encodeURIComponent(url)
    axios.get(' ' ).then(res => {
   
      console.log(res)
      window.wx.config({
   
       
        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        //下面这里不用管  让后台看一下  让他返给你 
        appId: 'wx8beb9047b24697e2', // 必填，公众号的唯一标识
        timestamp: res.data.data.timestamp, // 必填，生成签名的时间戳
        nonceStr: res.data.data.nonceStr, // 必填，生成签名的随机串
        signature: res.data.data.signature, // 必填，签名
        jsApiList: [
            'onMenuShareAppMessage',
            'onMenuShareQQ'
        ] // 必填，需要使用的JS接口列表
      })