创建公用的js 模块 封装起来
let behavior = Behavior({
//定义属性
properties: {
type: String,
img: String,
content: String
},
data: {
},
methods: {
}
})
export { behavior } //导出
使用
先引入
import { behavior } from '../classic-beh.js'
在需要的页面使用
behaviors: [behavior],
字段的覆盖和组合规则
组件和它引用的 behavior
中可以包含同名的字段,对这些字段的处理方法如下:
- 如果有同名的属性或方法,组件本身的属性或方法会覆盖
behavior
中的属性或方法,如果引用了多个behavior
,在定义段中靠后behavior
中的属性或方法会覆盖靠前的属性或方法; - 如果有同名的数据字段,如果数据是对象类型,会进行对象合并,如果是非对象类型则会进行相互覆盖;
- 生命周期函数不会相互覆盖,而是在对应触发时机被逐个调用。如果同一个
behavior
被一个组件多次引用,它定义的生命周期函数只会被执行一次