微信小程序自定义组件

微信小程序自定义组件

步骤

1. 根目录下创建component文件夹
2. 在该文件夹下面创建子目录
3. 右击目录，点击新建component
4. 在wxml中定义组件布局、在wxss中定义布局样式
5. 在对应的json文件中进行配置"component":true
6. 在pages页面中引入组件
7. 在想要使用组件的wxml中插入组件标签

传值操作

1. 在组件的js文件中定义组件属性
2. 找到properties属性，在该属性种定义变量类型和默认值

properties: {
    listPic:{
      type:String,
      value:"/images/news1.jpg"
    },
    listTit:{
      type:String,
      value:"默认标题"
    }
  }

3. 在wxml中绑定以定义的属性值并传参