小程序也做了几个小功能模块了,总觉得需要总结一下,踩坑什么的还是得记录一下啊。

好吧,其实是为了方便回顾

首先,说到小程序框架,大家都知道wepy,不过,我是没用过

美团开发团队到mpvue到是个实在到东西,因为自己之前用到vue,所以上手可以说是难度很低

坑可以说还是很多的,下面说说我自己遇到的,当然是想到哪写到哪了,见谅,哈哈

一 filter

首先vue支持的filter,过滤器,mpvue明确说明了不支持,不支持,不支持

所以,一些数据需要在methods里面直接重构一下数据,然后再赋值到data里面使用

二 生命周期

感觉这是一个比较折磨人到坑

如图所示,可以说除了小程序自己的生命周期之外,mpvue也全支持了vue 的生命周期,官方文档里面是推荐使用vue的生命周期的

当然了,小程序的生命周期也是能使用的,

然后坑就来了

在子组件中onShow()第一次是不触发的,父组件是没有问题的,所以一些进入页面就需要发送的请求,就写在mounted()里面了

所以官方推荐使用vue的生命周期,也不无道理。

有同学要问了,为什么不使用created()呢?,这个坑就又来了哇,小程序里面created()是进入之后,所有页面的created()都一次性触发,这个是不是爆炸,没有进入的页面只要有created(),里面的函数都会执行,所有的请求一次性来一遍,哈哈,想想都。。。不想了,所以还是写在mounted()里面吧

先到这里,想起来再补完。。。

刚搜了一下,有几篇文章总结挺好的,来转载一下

第一篇 mpvue菜鸟踩坑吃鸡篇一

第二篇 美团小程序框架mpvue(花名:没朋友)蹲坑指南

小程序框架MpVue踩坑日记(一)的更多相关文章

  1. 小程序框架MpVue踩坑日记(二)

    数据嵌套超过三层或者等于三层的时候 父组件传值给子组件后,如果子组件内的值需要改变 通过this.emit()传值后,父组件的值虽然会改变,但是视图并不会重新渲染 原因就是数据嵌套太多,没有触发ren ...

  2. 微信小程序Map组件踩坑日记

    刚刚又发生一个bug,搞得我头皮发麻,本来该美滋滋的回家准备度过愉快的周末,瞬间变成了日常修bug,来,开始填坑之路 情景再现: 首先说一说我们项目的需求, 点击下方,弹出抽屉 点击对应的地图打开相应 ...

  3. 美团小程序框架mpvue蹲坑指南

    美团小程序框架mpvue(花名:没朋友)蹲坑指南 第一次接触小程序大概是17年初,当时小程序刚刚内侧,当时就被各种限制折腾的死去活来的,单向绑定, 没有promise,请求数限制,包大小限制,各种反人 ...

  4. 美团小程序框架mpvue入门

    mpvue 主要特性 使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力: 1. 彻底的组件化开发能力:提高代码复用性 2. 完整的 Vue.js 开发体验 3. 方便的 V ...

  5. 美团小程序框架mpvue入门教程

    mpvue是一个使用 Vue.js 开发小程序的前端框架.框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从 ...

  6. mpvue实现微信小程序(欢迎踩坑)

    最近刚使用mpvue完成了微信小程序的开发,写点东西,做个记录. 首先依旧是两个传送门: 微信小程序文档:[https://developers.weixin.qq.com/miniprogram/d ...

  7. 微信小程序前端开发踩坑(一)

    之前由于不了解微信小程序的整个的运行开发机制,走了很多的弯路,脑子灵光的可能不会遇到,这个主题系列的帖子希望可以帮助到像我一样理解能力慢的孩子. 不论是开发微信小程序还是说学习任何一门编程语言,最重要 ...

  8. 零基础入门 实战mpvue2.0多端小程序框架

    第1章 课程快速预览(必看!!!)在这一章节中,老师讲带领你快速预览课程整体.其中,涉及到为什么要做这么一门实战课程.制作一个小程序的完整流程是怎么样的,以及如何做项目的技术选型. 第2章 30 分钟 ...

  9. 小程序框架WePY 从入门到放弃踩坑合集

    小程序框架WePY 从入门到放弃踩坑合集 一点点介绍WePY 因为小程序的语法设计略迷, 所以x1 模块化起来并不方便, 所以x2 各厂就出了不少的框架用以方便小程序的开发, 腾讯看到别人家都出了框架 ...

随机推荐

  1. 利用input-radio和input-checkbox的表单特性可以节省很多js代码

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. [LeetCode] Binary Search Tree Iterator 深度搜索

    Implement an iterator over a binary search tree (BST). Your iterator will be initialized with the ro ...

  3. 《Linux命令行与shell脚本编程大全 第3版》Linux命令行---6

    以下为阅读<Linux命令行与shell脚本编程大全 第3版>的读书笔记,为了方便记录,特地与书的内容保持同步,特意做成一节一次随笔,特记录如下: <Linux命令行与shell脚本 ...

  4. visual studio 插件 resharper 使用指南

    vs虽然号称是宇宙第一ide,但在智能提示和代码分析方面还是要略逊于jetbrains系列的ide.如果将jetbrains系列ide的智能提示和代码分析集成到vs中,对vs来说无异于如虎添翼.res ...

  5. Educational Codeforces Round 35 B. Two Cakes【枚举/给盘子个数,两份蛋糕块数,最少需要在每个盘子放几块蛋糕保证所有蛋糕块都装下】

    B. Two Cakes time limit per test 1 second memory limit per test 256 megabytes input standard input o ...

  6. 洛谷 P3359 改造异或树

    题目描述 给定一棵n 个点的树,每条边上都有一个权值.现在按顺序删掉所有的n-1条边,每删掉一条边询问当前有多少条路径满足路径上所有边权值异或和为0. 输入输出格式 输入格式: 第一行一个整数n. 接 ...

  7. mysqldump实践

    mysqldump   mysqldump---逻辑备份,热备 单线程,适合数据量小的库 mysql官方自带的命令行工具   #全库 )mysqldump -uroot -p123456 --sock ...

  8. Linux 双网卡 不同网段 网络互通

    环境如下: 现状:一台linux主机上有两个网卡eth0 和eth1 ,机器能访问192网的服务资源,但不能访问10网段的资源. 要求:linux能通过eth1访问10网段的资源 路由: 网卡: 操作 ...

  9. PHP设置头部编码为UTF-8语句

    header("Content-type: text/html; charset=utf-8");

  10. 【温故知新】——HTML5重要知识点复习

    前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 一.HTML5新特性 —— 十个新特性:凌乱 (1)新的语义标签 (2)增强型表单(表单2.0) (3)音频和视频 (4)C ...