数据监听器

监听和响应属性和数据字段的变化。

 this.data.sum = this.data.numberA + this.data.numberB 

Component({
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时，执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  }
})

官方文档：developers.weixin.qq.com/miniprogram…

推荐文档：juejin.cn/post/703374…

组件生命周期

自动触发的节点

 created：只能 this

attached ：请求初始数据

detached ：清理

官方文档：developers.weixin.qq.com/miniprogram…

slot

占位符：占个位置，下次一定

官方文档：developers.weixin.qq.com/miniprogram…

组件间通信与事件（组件绑定）

• 父传子

//组件
<view>...{{count}}...</view>
//文档
<text>...count={{count}}...</text>

• 子传父

bind:sync:传子

this.triggerEvent：调用

e.detail:获取值

获取组件实例：this.selectComponent("class或id选择器")

官方文档：developers.weixin.qq.com/miniprogram… 参考文档：blog.csdn.net/w1418899532…

behaviors（代码共享）

js文件导入外部的js文件

示例：var myBehavior = require('my-behavior')

遵从同名覆盖规则

官方文档：developers.weixin.qq.com/miniprogram…

store（VUE）

全局数据共享

参考文档：www.jianshu.com/p/eb23c72ab…

分包加载

主包：导航，公共

分包大小限制：

• 整个小程序所有分包大小不超过 20M
• 单个分包/主包大小不能超过 2M

分包预下载：preloadRule

官方文档：developers.weixin.qq.com/miniprogram…

独立分包：不依赖主/分包内容，包括 js 文件、template、wxss、自定义组件、插件等