如何用mpvue快速初始化并实现微信授权登录功能？

本文共计2023个文字，预计阅读时间需要9分钟。

mpvue是一个基于Vue.js开发的微信小程序框架。官网介绍如下：mpvue框架基于Vue.js核心，对runtime和compiler进行了修改，使其能够在小程序环境中运行，从而支持在小程序中开发Vue应用。

mpvue

mpvue是一个使用vue.js开发小程序的框架。其官网 mpvue.com/ 的介绍是，mpvue框架基于Vue.js核心，mpvue修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。

使用mpvue框架开发小程序，能够直接使用vue语法进行开发。

Vant Weapp

Vant Weapp是一套小程序UI组件库，可以使用这个UI库封装好的一些组件来实现某些功能，类似element组件的引入使用。

flyio

github： github.com/wendux/fly

Flyio帮助文档： wendux.github.io/dist/#/doc/flyio/readme

如官网所说，Fly.js是一个支持所有JavaScript运行环境的基于Promise、支持请求转发的developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装好微信开发者工具后点击导入项目

弹窗内输入导入的目录

目录就是刚才说的那个在one_hour_app项目中npm run dev之后生成的dist下的wx。