微信小程序之自定义组件的使用

components

css样式及html 按照正常书写就可以了

js

// components/TabWacth.js

Component ({

/**

* 组件的属性列表

*/

properties : {

// 用户头像

MySrc : { // 属性名

type : String , // 类型（必填），目前接受的类型包括：String, Number, Boolean, Object, Array, null（表示任意类型）

value : '' // 属性初始值（可选），如果未指定则会根据类型选择一个

},

//判断是否加class

type :{

type : String ,

value : ''

}

},

/**

* 组件的初始数据

*/

data : {

},

/**

* 组件的方法列表

*/

methods : {

}

})

json

{

"component" : true ,

"usingComponents" : {}

}

定义完成我们的组件之后

引用时

在html里引入 和需要传入的值

< TabWacth MySrc= '{{MySrc}}' type= "month" >

在引用的JSON中加入我们的组件名字就可以了

{

"usingComponents" : {

"TabWacth" : "/components/TabWacth/index"

}

}