小程序生命周期函数、组件

一、生命周期函数

二、组件

小程序中比如出现多个页面的tab选项卡效果、轮博图效果或者星星评分等，我们一般不是每个页面都实现这个功能，一般是把重复的功能或者模块封装成组件，哪个页面使用就导入即可。

1.创建组件

在项目的根目录下面新建components文件夹（和pages目录平级），里面再新建每个组件。

2.全局引用组件 

在app.json中定义如下：

{
  "pages":[
    。。。。
  ],
  "usingComponents": {
    "my-test":"/components/test1/test1"
  },
  。。。
}

然后在每个页面中都可以通过如下方式使用

<my-test></my-test>

3.局部引用组件 

在单独一个页面的json文件中如下设置

{
  "usingComponents": {
    "my-test":"/components/test1/test1"
  }
}

在页面中使用如下：

<my-test></my-test>

4.组件和页面的区别 

1. 虽然组件和页面都是由4个文件组件，但是组件的json文件中有如下属性：

{
  "component": true
}

1. 组件初始化的是Component函数，页面初始化的是Page函数

Page({})

Component({})

1. 组件的事件处理函数需要放在methods中，页面的事件处理函数直接放在Page()中

Component({
  data: {

  },
  methods: {
    事件函数名:function(){}
  }
})


Page({
    事件函数名:function(){}
})

5.样式处理 

• app.wxss中的样式设置只影响页面࿰