mpvue小程序以及微信直播踩坑总结

本文作者分享了使用mpvue开发微信小程序的过程和踩坑经验,包括项目配置如mpvue-weui、mpvue-toast、sass和mpvue-router-patch的使用。还介绍了ajax请求封装、页面生命周期以及微信直播组件的使用技巧,如解决全屏播放时的层级问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前段时间刚写完一个mpvue的小程序,现在得闲必须赶紧记录和总结一下,不然很多东西又要忘了

我是比较熟悉vue的语法,但是也犹豫过是用原生还是用mpvue,因为那时候原生小程序已经相当成熟而mpvue才刚出来(踩坑和填坑的前人还很少)

所以我学习了几天原生的框架和语法,果断选择了mpvue,真的是没有对比就没有伤害,对比原生体验不要太好

mpvue是一个使用 Vue.js 开发小程序的前端框架,他是将我们写的vue文件重新编译成wxml等文件,最后的底层实现还是用的小程序语法,所以原生小程序语法也是比较重要的,而且像很多下拉刷新,到底部请求下一页什么的等等很多地方也是要用到小程序api的,所以建议大家在入坑之前还是了解一些小程序语法比较好

附上官方文档http://mpvue.com/#_1

项目配置

使用官方的5分钟上手,生成一个基本框架,后来开发也没有手动修改过他的配置

用到了4个插件

mpvue-weui    ui库,相当方便轻量好使

官网地址:http://kuangpf.com/mpvue-weui/#/

mpvue-toast  一个基于mpvue的简单弹窗组件

因为mpvue目前还不支持全局的组件,所以没有办法像vue组件引入一次就能在所有页面使用,但是mpvue团队已经在考虑新增全局组件功能了

github地址:https://github.com/linrui1994/mpvue-toast 

sass  不多介绍

全局安装:npm install sass-loader node-sass --save-dev 

在style节点加上lang=”scss”,这样就可以愉快地使用sass进行开发了</

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值