mpVue 第14页

基于mpvue开发微信小程序，入门开发步骤

1.初始化一个mpvue项目现代前端开发框架和环境都是需要Node.js的，如果没有的话，请先下载nodejs并安装。

qq_42221334·2020-08-10 07:47

基于mpvue的小程序项目搭建的步骤一

未标题-1.pngmpvue是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。

祈澈菇凉·2020-08-10 07:39

mpvue搭建小程序框架

http://mpvue.com/mpvue/美团开源了mpvue由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler）运行时框架runtime和代码编译器compiler

达达前端·2020-08-10 07:39

美团开源用mpvue,可以用vue开发小程序了！

档传送门：官方文档说明如何看待美团开源的mpvue?先来看一下，知乎的大佬们对mpvue的看法………….mpvue简介mpvue（github地址请参见）是一个使用Vue.js开发小程序的前端框架。

jackie_bobo·2020-08-10 06:25

vue.js开发——基于mpvue框架搭建微信小程序项目

1、确保全局安装了vue-cli（一般使用mpvue开发的话，是较为习惯或喜欢使用vue.js的语法，但是如果不熟悉vue的语法，都是从头开始的话，建议还是微信小程序原生开发）//全局安装vue-clinpminstall

呀呀音·2020-08-10 06:37

微信小程序——基于vue的框架mpvue

起手式：必要的开发环境工欲善其事必先利其器！在开始写代码之前，请确保你已经安装了必要的开发环境和工具，以下是几个必需的和可选的工具：1）node.js现在，前端工具链基本都依赖Node.js，所以请率先安装它吧。下载地址：https://nodejs.org/en/download/安装完成后，打开你的命令行输入如下命令，验证安装是否成功：node--version//成功的话输出类似：v10.6

baidu_41601299·2020-08-10 06:29

用vue来开发小程序项目详解，极大方便了开发者

你只需在终端窗口输入几条简单命令，即可快速创建和启动一个带热重载、保存时静态检查、内置代码构建功能的小程序项目：#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于mpvue-quickstart

开心大表哥·2020-08-10 06:41

mpvue微信小程序tab选项卡切换功能源码

源码：干垃圾湿垃圾可回收垃圾有害垃圾111111222222333333444444exportdefault{data(){return{tab:1}},methods:{changTab(index){this.tab=index}}}.boxwidth750rpxfont-size28rpx.navdisplayflexdisplay--webkit-flexheight60rpxline-

漂移的电子·2020-08-10 03:32

mpvue学习笔记-之微信小程序数据请求的封装

简介美团出品的mpvue已经开源出来很久了，一直说要进行一次实践，这不最近一次个人小程序开发就用上了它。

weixin_33754065·2020-08-10 02:02

使用Vue开发微信小程序：mpvue框架

原文链接：https://www.jianshu.com/p/8f779950bfd9接触微信小程序有一段时间的开发者或开发团队，我相信多多少少都会为自己搭建封装一些便于开发的框架/脚手架，尤其是一些做过Web开发的开发者，受到现如今Web主流开发框架如Angular，React，Vue等的核心思想的影响，对数据/状态管理、组件化、跨平台等都有较高的追求。所以，从小程序出现到现在，已经陆陆续续出现

说雾·2020-08-09 15:51

mpvue中使用小程序云开发总结

一、前言这两天在用踩坑了一下小程序云开发，用mpvue、vant组件库、wux组件库、小程序云开发开发了一款小程序。算是初试云开发了，所以总结一下使用上的注意事项。

Linux????? Mr.Liyz·2020-08-09 14:46

mpvue+微信云开发数据库所踩的坑

最近在自学vue.js，学校课程设计又要喊我搞一个微信小程序，自然就看上了最近出来了mpvue，想一边学vue.js，一边搞微信小程序。

qzdyd·2020-08-09 11:43

小程序 mpvue 多段音频播放及长按录音

我们都知道小程序有自带的api也有html5的audio标签但小程序缺不内置了，咋办呢，肯定有办法解决的，如constrecorderManager=wx.getRecorderManager()//录音管理器暂存器constinnerAudioContext=wx.createInnerAudioContext()//音频播放（一段视频一个实例）先来一段UI看到这个还不如上代码合适，不唠叨了//

你的贱已深入骨髓·2020-08-09 03:58

小程序实现长按录音，上划取消发送

最近在使用mpvue开发小程序，需要用到录音功能，于是打算参照微信的录音方案："长按录音松开发送，上划取消发送"。在网上找了一圈都没发现相似的案例，没办法只能自己实现。

weixin_33991727·2020-08-09 00:51

mpvue图片应该使用image

mpvue如果使用img标签会编译报错，应该用微信小程序自己的image换为WAITCompiling...15:53:27events.js:200thrower;//Unhandled'error'event

rich@cai·2020-08-08 14:51

mpvue 小程序获取参数

首页index.vueHellompvue{{film.name}}//importcardfrom'@/components/card'exportdefault{data(){return{films

rich@cai·2020-08-08 14:49

微信小程序开发（二）

首先打开MPVue官方五分钟上手文档，然后照着文档里面一步一步来,检查那些这里就不试了，这里直接建一个demo。

涂e·2020-08-08 11:50

解决 mpvue 经典 bug：同路由切换时，上次的数据会保留

小讴·2020-08-08 11:30

微信小程序获取用户位置坐标，调用腾讯地图api，转换成地区

需求：首页获取用户位置坐标，转换成功实际省市区，寄存在缓存中；项目开发使用的是美团的mpvue，谁用谁知道（坑有不少但对于习惯vue开发的，也挺友好！）

where_slr·2020-08-08 03:47

mpvue 微信小程序input点击键盘搜索触发confirm事件

template部分键盘为搜索input需设置confirm-type=”search”，完成、前往、发送，去官网看，小程序官方input介绍网址methods部分//小程序点击搜索按钮时事件confirm(e){debugger},输入666，点击搜索，我们看下value的值，当然这个地方我们用的数据绑定，用不到，只是在这里简单说一下，需要的东西都可以在里面找到……e.target.value为

Shuah153·2020-08-07 20:16

小程序-记牌器

没想到提交第二天就审核通过了截图思路比较简单只有一个页面1.可选一副牌或两副牌2.点击相应牌减少对应牌的数量,数量为0时该图标变灰3.可撤销，撤销操作仅保留最近100个点击操作4.重置操作会清空所有操作记录开发上选择的是mpvuempvue.com

weixin_33894640·2020-08-07 20:21

【笔记】实战mpvue2.0多端小程序框架——图书详情

文章目录一、学习重点二、图书详情视觉稿三、搜索页面组件结构图四、搜索页面组件示意图五、图书信息组件六、图书统计组件七、图书评分组件八、图书目录组件九、图书详情页脚组件图书详情|「小慕读书」官网一、学习重点van-rate组件的使用（查看官方文档）API对接：图书详情API评分API目录API加入书架API移出书架API微信小程序API：showModal确认对话框（查看官方文档）二、图书详情视觉稿

onc-virn·2020-08-07 16:37

【笔记】实战mpvue2.0多端小程序框架——首页开发（中）

onc-virn·2020-08-07 16:36

【笔记】实战mpvue2.0多端小程序框架——项目开发指南

文章目录一、项目需求分析首页搜索图书列表分类列表图书详情书架异常二、交互视觉Sketch下载（只有mac能用）measure插件sketch设计稿下载交互稿视觉稿三、开发计划项目开发指南|「小慕读书」官网一、项目需求分析首页授权登录预加载骨架图搜索框（热门搜索词）书架精选图书banner图推荐图书列表分类列表（部分）搜索热门搜索历史搜索搜索列表换一批清空搜索快捷搜索（直接搜索热门词）底部自动刷新图

onc-virn·2020-08-07 16:36

【笔记】实战mpvue2.0多端小程序框架——首页开发（下）

文章目录一、首页API对接1.新建src\api\index.js2.在src\pages\index\index.vue创建getHomeData方法3.初始化首页用到的数据4.修改src\utils\request.js中的get方法5.解构请求回来的数据二、搜索和图书卡片组件数据对接1.向src\pages\index\index.vue的HomeCard传入数据2.修改src\compon

onc-virn·2020-08-07 16:04

【笔记】实战mpvue2.0多端小程序框架——首页开发（上）

清理之前测试写的内容，还原src\pages\index\index.vue：exportdefault{}static文件夹下只保留.gitkeep一、首页视觉稿http://www.youbaobao.xyz/mpvue-design

onc-virn·2020-08-07 10:21

Linux的使用技巧：到底要不要会用？[图]

这是一个使用Springboot框架为后台程序，mpvue构建的小程序项目。服务器我最终仍旧选择了Linux操作系统中的CentOS7.2版本。为什么要选择Linux？

minemi·2020-08-07 10:03

记一次重大事故：愿我们一生温暖纯良，不舍爱与自由~

前言在较早的时候,mpvue刚出道,试了一下坑,在博客中记录了下来,希望给之后入坑的人一个简单参考。后期随着mpvue的发展,文章阅读数也越来越多。

車句·2020-08-06 11:04

mpvue——引入echarts打包vendor过大

有一个项目需要引入图表，当时有两种选择一种是mpvue-echarts，一种是F2，而我经过踩坑之后依然决然的选择了mpvue-echarts，简单快捷容易上手，主要之前用过比较熟悉。

你的贱已深入骨髓·2020-08-05 22:41

mpvue 微信小程序 Image 图片实现宽度100%，高度自适应

主要是设置mode="widthFix"和width:100%;.center-tutorial{.img{width:100%;}}

曹天骄·2020-08-05 22:27

mpvue开发微信小程序上传图片（附后端代码）（含城市联动，多项选择功能代码全）

小程序也是可以上传图片的，微信小程序文档也写的很清楚。先看效果图GIF上传图片通过wx.chooseImage(OBJECT)实现官方示例代码wx.chooseImage({count:1,//默认9sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//可以指定来源是相册还是相

qq_42221334·2020-08-05 21:46

原生小程序转mpvue踩坑总结

坑一：mpvue开发小程序时候，要添加静态本地图片报错：VM14878:2Failedtoloadlocalimageresource/images/bg.pngtheserverrespondedwithastatusof404

IWTF·2020-08-05 21:42

小程序canvas绘制海报

小程序canvas绘制海报注意事项（mpvue/原生一个道理）1、自适应问题和canvas高度问题data(){return{rpx:1}}/**获取屏幕额宽高*/letmenuButtonObject

一根小草xs·2020-08-05 21:41

简单mpvue中实现左右滑动事件

简单mpvue中实现左右滑动事件//简单mpvue中实现左右滑动事件data(){return{interval:"",flag_hd:false};},methods:{//触摸开始事件touchStart

做块泥·2020-08-05 11:38

一步一步 copy163：网易严选 ---- vue-cli

面试点组件间通信生命周期函数路由-参数-重定向vuex参考网易严选商城小程序全栈开发,域名备案中近期上线(mpvue+koa2+mysql)小程序服务端源码地址小程序源码地址功能实现api:------

aof26372·2020-08-05 04:09

mpvue遇到问题

1.项目中引入vantui组件库，组件路径报错Componentisnotfoundinpath"static/vantUi/button/index"(usingby"pages......:2.引入tabBar图片时，将static前的../去掉；“static/images/home.png”3.路由跳转及带参/获取参数//跳转consturl='../order-sure/main?typ

wxy_little1025·2020-08-05 03:43

uni-app评估报告

同类框架Taro、chameleon、WePY、mpvueTaro使用的是Reart，鉴于技术选型，我没学过Reart相较于uni-app

小城里的梦想·2020-08-04 16:36

微信小程序mpvue-部署资源

微信小程序mpvue-部署资源mpvue是基于Vue.js的小程序开发框架，从底层支持Vue.js语法和构建工具体系。

攸宁·未央·2020-08-03 14:10

在原生小程序 vue，mpvue中关于vant组件库的引入的那些坑

原生小程序中引入vant框架的方法先在项目文件下cmd进入终端npminit-y生成一个package-lock.json文件进行初始化项目配置引入vant包：npminstallvant--save或者npmi@vant/weapp-S--production然后在详情中勾选下列选项这里es6转es5可勾可不勾一定要勾选使用npm模块然后在开发者工具中工具–>构建npm接下来就可以看到一个min

捂住眼睛放鞭炮·2020-08-03 12:58

原生开发小程序和 wepy 、 mpvue 对比

原生开发小程序和wepy、mpvue对比本文横向对比、探讨了下原生开发小程序，和目前比较热门的wepy、mpvue开发小程序三种方式的优势和劣势；由于三者的篇幅都比较多，本文只是简单介绍。

FE-阿阳·2020-08-03 09:57

mpvue,uni-app开发微信小程序遇到的坑，直接在组件上写样式失效

1、问题，在组件上直接写样式在小程序中不生效。解决办法（中最好写一个写样式，而不是在picker上加样式。）2、组件内引入图片要使用绝对路径。/static/...3、对象的最后一个元素不能写逗号,4、主页面的生命周期用onLoad代替created，onReady代替mounted。组件内使用5、原来的created与mounted。6、不支持v-show。7、用tap事件代替click事件。8

qq_37672347·2020-08-03 03:30

微信小程序部分功能踩坑指南

开发框架：mpvue官方文档：5分钟快速上手小程序跳转外链参考文章：小程序跳转到非小程序页面的外部链接地址要跳转的链接必须是https的需

薛定谔的韭菜盒子·2020-08-03 02:03

微信小程序开发资源汇总

官方文档小程序设计指南小程序开发教程小程序框架小程序组件小程序API小程序开发者工具工具WePY★14k+-支持组件化的小程序开发框架mpvue★13k+-基于Vue.js的小程序开发框架，从底层支持Vue.js

蔡俊锋·2020-08-02 17:07

mpvue 使用ivew weapp modal組件 actions模式点击 index 无法传递

在mpvue开发中，我使用了iviewweappUI框架，但是在使用Modal组件的时候出了一个问题，使用actions后，点击相应按钮，方法回调中，并没有index回调参数。

初学的小白一枚·2020-08-02 15:28

伸手党系列三：使用mpvue+VantUI+flyio进行小程序开发

使用mpvue+VantUI+flyio进行小程序开发基础介绍1.安装mpvue创建一个基于mpvue-quickstart模板的新项目全部流程这里是模板的具体配置信息（如果你还不太明白这些内容的含义，

钱不多啊·2020-08-01 08:37

MPVue开发小程序采坑(van-field获取不到输入值)

在使用vant-weapp的时候,输入框van-field绑定的value值不会同步更新到data对应的变量,需要添加@change=“completeInputMobile”changeShoppingName(event){this.openShoppingMsg.shoppingName=event.mp.detail},changeShoppingDetail(event){this.op

yongyafang·2020-08-01 08:17

mpvue开发微信小程序（3）—— van-popup

Popup弹出层1、接入"usingComponents":{"van-popup":"/static/vant-weapp/popup/index"}2、弹出层注：从左右弹出，需要设置“height:100%”3、弹出逻辑exportdefault{data(){return{show:false}},methods:{showPopup(){this.show=true},onClose(){

脱离语言·2020-08-01 08:40

mpvue小程序使用iView Weapp全套流程

小程序原生的学习成本太高了，改学mpvue，这个要求有点vue的基础（主要是自己偷懒，用框架比较快）用vue来写小程序的话，优点还是有很多的，比如：1.彻底的组件化开发能力：提高代码复用性2.完整的Vue.js

前端小易·2020-08-01 07:47

mpvue使用wx.request请求数据

1.创建src下创建utils/wx-request.jsconsthost='https://rmall.ukelink.net'functionrequest(url,method,data,header={}){wx.showLoading({title:'加载中'//数据请求前loading})returnnewPromise((resolve,reject)=>{wx.request({

xiaoLP1·2020-08-01 07:31

mpvue中使用flyio请求

1.npm安装npminstallflyio--save.2.src下新建utils/request.js文件/***Createdbyzhengyi.fuon2018/8/31.*/importFlyfrom'flyio/dist/npm/wx'constfly=newFly()consthost='https://rmall.ukelink.net'//添加请求拦截器fly.intercept