E企盈营销工具技术服务商 热线:4006-838-530

小程序《旧岛》项目笔记(8)项目预览、事件传递、behaviors

E企盈直播平台营销卖货系统

项目预览与事件传递项目预览小程序项目可以通过扫描二维码来进行预览,对于普通的项目该方法可行。但是对于,其中网络请求的API接口是http开头的的项目。我们需要打开 “不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书” 这一选项,并且预览的时候要打开手机端的调试。事件传递组件包含关系:Compontent3  >  Compontent2  >  Compontent1 事件传递过程:Compontent1 通过自定义事件的触发,监听,捕获等,传递给 Compontent2 ,以此类推。behaviors behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的“mixins”或“traits”。每个 behavior 可以包含一组属性、数据、生命周期函数和方法,组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。每个组件可以引用多个 behavior 。 behavior 也可以引用其他 behavior 。behavior 需要使用 Behavior() 构造器定义。let classicBehavior = Behavior({  properties: {    img: {      type: String    },    content: {      type: String    }  },  data: {  }})export { classicBehavior }在使用behaviors的时候,我们首先引入声明的 behavior ,然后,在组件中声明 behaviors 即可。// components/classic/movie/movie.jsimport {  classicBehavior} from ‘../classic-behavior.js’;Component({  /**   * 组件的属性列表   */  behaviors: [classicBehavior],  properties: {    // 注意:上面的behaviors可以取代下面的代码,behaviors中包含了essay、music、movie组件中的相同的对外开放的属性。我们抽离成behavior即可。如果它们分别其他不同的对外开放的属性,我们还可以继续声明在properties中。    //     type: String    // },    // content: {    //     type: String    // }  },  /**   * 组件的初始数据   */  data: {  },  /**   * 组件的方法列表   */  methods: {  }})备注:如果 behaviors 中的 behavior 有多个(多继承),比如beh1、beh2、beh3、beh4,且其中均声明了 img 这个属性,那么最后起作用的是beh4;另外,如果 properties 中声明了 img 属性,那么最后起作用的是 properties。但是,对于声明周期函数而言,不存在覆盖情况,会先后执行 behaviors 中的生命周期函数,而后执行子组件中的生命周期函数。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序《旧岛》项目笔记(8)项目预览、事件传递、behaviors
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏