微信小程序详解(7.自定义组件:Component 和应用生命周期页面生命周期)

最新推荐文章于 2024-07-29 01:25:21 发布

success_on

最新推荐文章于 2024-07-29 01:25:21 发布

阅读量3.4k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/a2690656046/article/details/118304671

版权

介绍:

首先,我们要明白,自定义组件是什么东西,能干什么,
那么.既然是自定义组件,那么当然是自己定义的一个模块封装后,这个模块就叫做自定义组件,我们可以写多个功能不同的自定义组件,当我们需要使用时,只需要把它们引入到我们的项目中就可以直接使用了,极大的方便了我们的项目搭建和功能完善,并且使项目耦合降低，可读性强和维护性成本降低.

步骤:

1.创建一个自定义的文件夹,这个就不多做描述,直接在文件中和pages同级的位置创建一个自定义的文件,然后保存, 他就自动生成了
(注意:这个方式只有在微信小程序中使用时才会自动生成)

2.创建自定义组件后接受一个 Object 类型的参数。

参数
Object object
在这里插入图片描述

生成的组件实例可以在组件的方法、生命周期函数和属性 observer 中通过 this 访问。组件包含一些通用属性和方法。

Component({
   

  behaviors: [],

  // 属性定义（详情参见下文）
  properties: {
   
    myProperty: {
    // 属性名
      type: String,
      value: ''
    },
    myProperty2: String // 简化的定义方式
  },

  data: {
   }, // 私有数据，可用于模板渲染

  lifetimes: {
   
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached: function () {
    },
    moved: function () {
    },
    detached: function () {
    },