我们先简单介绍组件最基本的三个概念:
目前一个属性最多包含三个字段:type字段表示属性类型(必填),目前接受的类型包括:String, Number, Boolean, Object, Array, null(表示任意类型),value字段表示属性的默认值(选填),observer表示属性值被更改是的响应函数(选填)
data:组件的属性相当于一个组件对外开发的数据,可以供外部传入,而data里的数据就是供组件内部使用了
methods:组件的方法列表
注:具体更多组件的使用,请查看小程序官方解释:小程序官方文档
现在我们开始自己封装一个组件
1.新建组件:组件的名字可以和组件的文件夹(like)名字不一样,最好取名为index,这引用起来方便。
2.组件的引用:在页面的json文件里引入要用到的组件
像组件的名字“v-like”,“v-movie”可以自己取名,不一定要和文件夹lile,movie名字相同,
3.组件的使用:
在要用到的page页面的wxml文件里<v-like class="like" bind:like="onLike" like="{{likeStatus}}" count="{{likeCount}}" />,这里的标签v-like就是你组件当时取得名字,和组件文件夹命名无关。
网友评论