23.记录Vue项目微信登录

首先安装微信授权登录组件 vue-wxlogin

// 安装
npm install vue-wxlogin --save-dev

<wxlogin
  :appid="app_id" // 应用唯一标识（前面认证网页应用中获得） 
  :scope="'snsapi_login'" //  应用授权作用域，拥有多个作用域用逗号（,）分隔，网页应用目前仅填写snsapi\_login即可
  :theme="'black'" // 主题
  :redirect_uri="url" // 回调地址
  :state="" // 传给后台的数据
>
</wxlogin>
<script>
import wxlogin from 'vue-wxlogin' // 组件中引入
export default {
components: { wxlogin }
}
</script>