官网：http://mpvue.com/mpvue/quicks...1.新建一个mpvue项目$vueinitmpvue/mpvue-quickstartmy-project//新建项目$cdmy-project//切换到项目$npminstall//安装依赖$npmrundev//运行2.Preview1.首先打包$npmrunbuild2.打开“微信开发者工具”，在“项目目录”文件中选择项目的dist，APPID暂时可以不写，'项目名称'可以自定义。3、点击“编译”查看效果，点击“预览”手机扫描二维码查看效果。3、跳转到页面立即注册添加最外层app.json的路径，重新运行项目，如下图：4.ShareShare如果需要自定义分享，重写下面的方法（注意这个方法不要放在methods里面，应该和methods在同一层级）onShareAppMessage:function(res){//共享过程vartitle=''varpath='pages/index/main'varimageUrl=''return{title,path,imageUrl,success:(res)=>{console.log('res',res)},fail:(res)=>{console.log('res',res)}}}五、图片预览previewImg(){//预览图片wx.previewImage({//current:'/static/images/second_3.jpg',//的http链接当前显示的图片，如果只有一张，可以省略写入url：['http://bak-img.oss-cn-shenzhen.aliyuncs.com/20181204111744.jpg'],//需要预览图片的http链接列表success(res){console.log(res)},fail(){wx.showToast({title:'预览失败！'，图标：'无'，持续时间：1000})}})}6.请求接口wx.request({url:myUrl,data:{type:'k'},success:function(res){console.log(res.data)}})7.上传图片到阿里云（OSS），请参考这位大佬的博客：https://blog.csdn.net/qq_2337...点击调皮效果（添加addscale即可）:.addscale{-webkit-transform-origin:50%50%;变换原点：50%50%；-webkit-动画：addscale；动画：addscale0.4s；-webkit-transition-timing-function:cubic-bezier(0.6,4,0.3,0.8);过渡计时函数：立方贝塞尔曲线（0.6、4、0.3、0.8）；}@-webkit-keyframesaddscale{from,to{-webkit-transform:scale(1,1);转换：规模（1，1）；}25%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}50%{-webkit-transform:scale(1.05,0.95);变换：比例（1.05，0.95）；}75%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}从，到{-webkit-transform:scale(1,1);转换：规模（1，1）；}25%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}50%{-webkit-transform:scale(1.05,0.95);变换：比例（1.05，0.95）；}75%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}}@keyframesaddscale{from,to{-webkit-transform:scale(1,1);转换：规模（1，1）；}25%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}50%{-webkit-transform:scale(1.05,0.95);变换：比例（1.05，0.95）；}75%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}从，到{-webkit-transform:scale(1,1);转换：规模（1，1）；}25%{-webkit转换：规模（0.95，1.05）；变换：比例（0.95，1.05）；}50%{-webkit-transform:scale(1.05,0.95);变换：比例（1.05，0.95）；}75%{-webkit-transform:scale(0.95,1.05);变换：比例（0.95，1.05）；}}8.常用选择器渲染：当前选择：{{sexVal}}
data(){return{sexArray:['female','male'],sexVal:'choose'}},方法：{bindPickerChange(e){letindex=Number(e.mp.detail.value)this.sexVal=this.sexArray[index]}}九、单页配置请参考本大佬：https://blog.csdn.net/qq_3543...十、页面跳转1,行内跳转a,navigator,vue-router都可用2,js跳转(标记为
