mpvue生命周期

  1. mpvue包含vue和小程序的生命周期可以共用小程序和vue的组件和写法

    1. vue的created等生命周期会在第一个页面调用时，就触发（不能再其中执行，会导致首屏速度过慢）

  2. mpvue生命周期执行顺序

    1. created

    2. onLounch

    3. onLoad

    4. onShow

    5. onReady

    6. mounted

    7. …

    8. 在onShow中请求的数据避免数据的层级太深，如果直接通过obj.a.b等方式调用易报错，

      会导致在渲染完成前没有拿到数据而报错，

mpvue注意点（坑）

  1. 在tabbar页面只有出入栈，没有销毁阶段，onLoad，onReady只会执行一次

多次请求写在onShow，

  1. 在非tabbar页面存在销毁阶段，多次请求写在onLoad中

  2. 因为页面不会被真正的销毁，所以在tabbar页面时，避免多次的页面刷新渲染，否则会出现，闪屏的感觉。

    因为这里能拿到的最早的生命周期是onShow，在里面打个断点，你会发现页面并不是空白页而是保留的上一次

    页面数据

  3. mpvue中最好不要使用vue的生命周期

    1. 在mpvue中tabBar页面中使用getCurrentPages() 获取到的页面栈只有当前页

  5. 在子页面可以获取，单切换回tabbar页面后就会清空页面栈

  6. mpvue中this的使用

    1. this.$mp中能拿到url中拼接的数据
    2. this.$parent 可以获取到父组件的数据
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue