微信小程序 封装的想法 自定义组件

封装 功能函数

• 功能点明确
• 函数内部应该保留固定的代码(静态的)
• 将动态的数据抽取形参，有使用着根据自身的情况动态传入实参
• 一个良好的功能请求函数一定要有默认值

自定义组件

组件对象是Component

如何复用
创建一个 component 目录
放在那个页面使用到json文件里注册 要起个名 后面是路径

 "usingComponents": {
    "havHeader":"/Component/header/header"
  } 

在页面 用名字以表签形式来用
传值 要在component文件的js 里设置好默认值

  properties: {
    title:{
      type:String,
      value:'我是title'
    },
    nav:{
      type:String,
      value:'我是nav'
    }
  },

在component .wxml里直接使用

<view class="D-tuijian">
      <text class="D-text">{{title}}</text>
      <view class="D-header">
        <text>{{nav}}</text>
        <text class="more">查看更多</text>
      </view>
    </view>

修改默认值

 <havHeader title='排行榜' nav='抠王许许'></havHeader>