创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！

专注于为中小企业提供成都网站制作、网站设计、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业怀远免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了1000多家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

这篇文章主要为大家展示了如何实现mpvue项目初始化及授权登录，内容简而易懂，希望大家可以学习一下，学习完之后肯定会有收获的，下面让小编带大家一起来看看吧。

mpvue

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

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

Vant Weapp

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

flyio

github： https://github.com/wendux/fly

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

如官网所说，Fly.js是一个支持所有JavaScript运行环境的基于Promise、支持请求转发的http请求库，它可大限度地在多个端上实现代码复用。

其拥有的特点：

1、提供统一的PromiseAPI

2、浏览器环境下非常轻量

3、支持多种JavaScript运行环境

4、支持请求/响应拦截器

5、自动转换JSON数据

6、支持切换底层 HTTP Engine，可轻松适配各种运行环境

7、浏览器端支持全局Ajax拦截

8、H5页面内嵌到原生APP时，支持将HTTP请求转发到Native，支持直接请求图片

本次搭建的小程序环境，将使用flyio这个http请求库来实现数据的请求，目前用到的方法为get、post。

两者的使用示例在官网帮助文档有示例：

项目初始化

1、搭建mpvue脚手架

基于mpvue-quickstart模版创建新项目

vue init mpvue/mpvue-quickstart one_hour_app

文章名称：如何实现mpvue项目初始化及授权登录-创新互联
文章链接：http://cdweb.net/article/dihcig.html