小程序
示例项目
1.集成vant weapp
概念总结文档
自定义组件的所有属性
developers.weixin.qq.com/miniprogram…
subpackages 分包
分包预下载
{
"pages": ["pages/index"],
"subpackages": [
{
"root": "important",
"pages": ["index"],
},
{
"root": "sub1",
"pages": ["index"],
},
{
"name": "hello",
"root": "path/to",
"pages": ["index"]
},
{
"root": "sub3",
"pages": ["index"]
},
{
"root": "indep",
"pages": ["index"],
"independent": true
}
],
"preloadRule": {
"pages/index": {
"network": "all",
"packages": ["important"]
},
"sub1/index": {
"packages": ["hello", "sub3"]
},
"sub3/index": {
"packages": ["path/to"]
},
"indep/index": {
"packages": ["__APP__"]
}
}
}
组件通信
properties,triggerEvent,this.selectComponent 方法获取子组件实例对象
developers.weixin.qq.com/miniprogram…
跳转页面带参数
observers
组件数据字段监听器,用于监听 properties 和 data 的变化,参见 数据监听器
按需注入 app.json
"lazyCodeLoading": "requiredComponents",
behaviors
behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。
每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。
在微信小程序中,可以使用behaviors(行为)来实现页面之间的代码复用。behaviors 是一种可以被多个组件或页面共享的代码块,可以包含一组属性、数据、方法等。
要给页面应用 behaviors,可以按照以下步骤进行操作:
- 在你的小程序项目中创建一个名为
behaviors.js(文件名可以自定义)的 JavaScript 文件,用于定义你的behaviors。 - 在
behaviors.js文件中,使用module.exports导出一个对象,该对象包含你希望共享的属性、数据和方法。示例如下:
module.exports = {
data: {
// 共享的数据
sharedData: 'Hello, behaviors!'
},
methods: {
// 共享的方法
sharedMethod: function() {
console.log('This is a shared method.');
}
}
};
- 在需要使用
behaviors的页面,通过usingComponents字段引入behaviors.js,并在页面的behaviors属性中使用该behaviors。示例如下:
{
"usingComponents": {
"behaviors": "/path/to/behaviors.js"
},
"behaviors": ["behaviors"]
}
- 现在,你可以在页面中直接使用
behaviors中定义的属性、数据和方法。示例如下:
Page({
onLoad: function() {
console.log(this.data.sharedData); // 输出:Hello, behaviors!
this.sharedMethod(); // 输出:This is a shared method.
}
});
通过以上步骤,你可以将 behaviors 应用到页面中,从而实现代码的复用和共享。请确保文件路径和文件名正确,并注意 behaviors 中定义的属性、数据和方法的命名不要与页面中的其他内容冲突。
externalClasses
用于在自定义组件中将外部样式类传递到组件内部,以实现样式的复用和定制。 blog.csdn.net/zz00008888/…