美文网首页小程序
小程序里的自定义组件(一):基本概念

小程序里的自定义组件(一):基本概念

作者: 程序员三千_ | 来源:发表于2019-01-29 16:09 被阅读11次

    我们先简单介绍组件最基本的三个概念:

    目前一个属性最多包含三个字段: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就是你组件当时取得名字,和组件文件夹命名无关。

    相关文章

      网友评论

        本文标题:小程序里的自定义组件(一):基本概念

        本文链接:https://www.haomeiwen.com/subject/kzpxsqtx.html