小程序中使用behavior
1.首先先定义behavior
每个 behavior 可以包含一组属性、数据、生命周期函数和方法,组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。每个组件可以引用多个 behavior 。 behavior 也可以引用其他 behavior 。
behavior 需要使用 Behavior() 构造器定义。
第一步:behavior.js文件中有共享的properties,data,methods等
// 第一步:创建behavior.js,里面的properties,data,methods里面的方法,可以共享给movie、music等等组件使用
let SmallFourBeh = Behavior({
// 共享属性
properties: {
name: String,
type: String
},
// 共享数据
data: {
selectedName: '',
selectedType: ''
},
// 共享方法
methods: {
behaviorTap (name, type) {
this.setData({
selectedName:name,
selectedType: type
})
}
}
})
export { SmallFourBeh } // 导出
第二步:在movie组件中编写wxml和js
<!--第二步:components/movie/index.wxml-->
<view>movie:{电影名称:{
{ name }},类型:{
{ type }}}</view>
<button bind:tap="onTap" data-name="{
{ name }}" data-type="{
{ type }}">获取数据详情:{
{ selectedType }},{
{ selectedName }}</button>
// components/movie/movie.js
// 导入