分类小程序下的文章

小程序
2022-07-03
评论
2127 次浏览

小程序样式隔离

组件的 styleIsolation 有三个可选值：

isolated：默认值，组件内外的样式互不影响

apply-shared：接收外部（包括父页面和全局）的样式，但组件内的样式不影响外部

shared：接收外部样式，同时组件内的样式会共享到页面

对于相同的选择器，样式的优先级为组件样式 > 页面样式 > 全局样式

阅读全文

小程序
2022-06-28
评论
788 次浏览

每个behavior可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中。
  每个组件可以引用多个behavior,behavior也可以引用其它behavior。
my-behavior.js
```javascript
module.exports=Behavior({
	data:{
		username:‘zhuge‘
	},
	properties:
		{},
	methods:
		{}
})
```
使用到的组件wxml
```xml
<view>在Behavior中定义的username是{{username}}</view>
```
使用到的组件js
```javascript
const myBehavior=require(“../../behaviors/my-behavior“)
Component({
behaviors:[myBehavior],
…
```
  同名字段的覆盖和组合规则
  组件和它引用的 behavior中可以包含同名的字段，此时可以参考如下3种同名时的处理规则:
①同名的数据字段(data)
②同名的属性(properties)或方法(methods)
③同名的生命周期函数
  组件和它引用的 behavior 中可以包含同名的字段，对这些字段的处理方法如下：
  如果有同名的属性 (properties) 或方法 (methods)：
  若组件本身有这个属性或方法，则组件的属性或方法会覆盖 behavior 中的同名属性或方法；
  若组件本身无这个属性或方法，则在组件的 behaviors 字段中定义靠后的 behavior 的属性或方法会覆盖靠前的同名属性或方法；
  在 2 的基础上，若存在嵌套引用 behavior 的情况，则规则为：父 behavior 覆盖 子 behavior 中的同名属性或方法。
  如果有同名的数据字段 (data)：
  若同名的数据字段都是对象类型，会进行对象合并；
  其余情况会进行数据覆盖，覆盖规则为：组件 > 父 behavior > 子 behavior 、 靠后的 behavior > 靠前的 behavior。（优先级高的覆盖优先级低的，最大的为优先级最高）
  生命周期函数不会相互覆盖，而是在对应触发时机被逐个调用：
  对于不同的生命周期函数之间，遵循组件生命周期函数的执行顺序；
  对于同种生命周期函数，遵循如下规则：
1. behavior 优先于组件执行；
2. 子 behavior 优先于 父 behavior 执行；
3. 靠前的 behavior 优先于 靠后的 behavior 执行；
4. 如果同一个 behavior 被一个组件多次引用，它定义的生命周期函数只会被执行一次。

小程序
2022-06-28
评论
681 次浏览

父子组件传值以及通过 selectComponent 获取实例执行方法

一、在父组件中定义方法

二、通过事件绑定的形式将方法传给子组件

三、在子组件中以触发事件的形式，将数据传给父组件

父组件 wxml

阅读全文

小程序
2022-06-28
评论
672 次浏览

小程序slot

app.json

"usingComponents":{

阅读全文

小程序
2022-06-28
评论
510 次浏览

分类 "小程序" 下的文章

小程序 mobx

小程序样式隔离

小程序 behaviors

父子组件传值以及通过 selectComponent 获取实例执行方法

小程序slot

关于博主

文章分类

最受欢迎的文章

最近回复

其它

分类 "小程序" 下的文章

小程序 mobx

小程序 样式隔离

小程序 behaviors

父子组件传值 以及通过 selectComponent 获取实例执行 方法

小程序slot

关于博主

文章分类

最受欢迎的文章

最近回复

其它

小程序样式隔离

父子组件传值以及通过 selectComponent 获取实例执行方法