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

1，首先在page同级下创建conponernts文件夹，再在components文件夹下创建navHeader文件夹，然后右键创建components

2，js文件夹，properties对象中的数据，是父组件传过来的props

// components/navHeader/navHeader.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    title: {
      type: String,   //类型
      value: '推荐歌曲'  //默认值
    }, 
    nav: {
      type: String,
      value: '为你精心推荐'
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})

3，父组件的使用

在父组件的json文件中配置所需要的自定义组件，键值是组件的名字，值为自定义组件的路径

然后就可以在页面中以标签的形式使用了

 <!-- 头部 -->
 <navHeader title="推荐歌曲" nav="为你精心推荐"></navHeader>