微信小程序中Component中如何监听属性变化

1.在父组件的.json文件中引入子组件:

javascript 复制代码
"usingComponents": {
    "articleList":"../../components/articleList/articleList",
  }

2.在父组件中给子组件绑定数据

javascript 复制代码
<articleList num="{{number}}"></articleList>

3.子组件接受父组件传递的数据

javascript 复制代码
properties:{
    num:Number,//请求列表的数量
  },
  data: {// 组件中的这个数据
    numberA: 0,
    numberB: 1,
  },
  

4.使用observers来实现子组件对于父组件的属性监听**(此处需要注意不能用箭头函数)**

javascript 复制代码
observers: {
    'num': function (val) {
      console.log(val,"父组件的值发生改变");
      this.getArticle(val)//此方法为处理子组件中内容变化的方法
    },
      'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时,执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  },
相关推荐
说私域7 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序FAQ设计及其意义探究
人工智能·小程序
小小王app小程序开发7 小时前
短剧小程序 2025 核心痛点分析:内容、技术与合规的三重困境
小程序
fthux9 小时前
孩子的名字有救了
微信小程序·typescript·ai编程
276695829210 小时前
朴朴超市小程序分析
java·python·小程序·node·sign·朴朴超市·sign-v2
低代码布道师10 小时前
医疗小程序04添加就诊人
低代码·小程序
Best10 小时前
uniapp 微信小程序记录
微信小程序·小程序·uni-app
蒲公英源码13 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
小小王app小程序开发13 小时前
盲盒小程序一番赏创新玩法拓展:构建社交化集藏新生态
小程序
韩立学长15 小时前
【开题答辩实录分享】以《奇妙英语角小程序的设计与实现》为例进行答辩实录分享
小程序·php
wx_ywyy679816 小时前
小程序定制开发实战:需求拆解、UI 设计与个性化功能落地流程
小程序·小程序开发·小程序制作·小程序搭建·小程序设计·小程序定制开发·小程序开发搭建