Vue 微信登录

前面我总结了一下微信支付的问题，现在再总结一下微信登录（同样，关于在公众平台的申请配置啥的我也不说了，因为这个具体的流程自己也还没走过，只贴前端代码哦~）
一、微信扫码登录
扫码登录可以由后端返回二维码页面链接跳转进去扫码登录即可，但是因为感觉和UI设计图不太匹配，所以我选择了由前端生成二维码,效果图如图所示：

首先我引入了一个js文件：

<script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>

对于二维码部分：

var obj = new WxLogin
        ({
          id: "qr-code",//div的id，用于放二维码
          appid: "wxbaxxxxxxxxxx",//appid
          scope: "snsapi_login",//写死
          redirect_uri: encodeURI("http://www.XXXXX.com/XXXXX"),此处为回调地址
          state: "000",
          style: "black",//二维码黑白风格
          href: ""
        });

二、微信公众号授权登录

window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxbaxxxxxxxxxx&redirect_uri=http://www.xxxxxxxxx.com&response_type=code&scope=snsapi_userinfo&state=000#wechat_redirect'