微信小程序组件方法

在你想要引入的主页面的json文件上写上

{
  "usingComponents":{
    "d-bigImg":"/components/bigimg/cmp"  //组件路径
  }
}

如下图

动态数据填充，在组件js文件properties集合上写上

properties: {
    imgSrc:{
        type:String,
        value:"http://img4.imgtn.bdimg.com/it/u=967395617,3601302195&fm=26&gp=0.jpg",
        observer:function(newValue,oldValue,target){
          console.log(newValue,oldValue,target)    //数据发生变化时触发
        }
    },
    mainTitle:{
        type: String,
        value: "实例嘉善而紫文琴讲究人文低领萨德放大",
        observer: function () {
    }
 },

这样写比较繁琐，可以简单点 

properties: {
      imgSrc:String,
      mainTitle:String
},

 在主文件调用组件

 <d-bigImg img-src="http://img5.imgtn.bdimg.com/it/u=3365018759,2226705862&fm=26&gp=0.jpg" mainTitle="实例嘉善而紫文琴讲究人文低领萨德放大"/>

组件properties的数据定义类型，其实可以单独放在一个js文件里，新建my-behavior.js

let myBeh = Behavior({
  properties:{
    imgSrc: String,
    mainTitle: String,
    subHead: String
  }
})

export{myBeh}

 

各组件引入模块

import {myBeh} from "../behaviors/my-behavior.js"
Component({
  behaviors: [myBeh],
  properties: {
     
  },
  data: {

  },
  methods: {

  }
})