小程序自定义组件使用

1.自定义组件：components下的playlist

 playlist.json

{
  "component": true
}

playlist.wxml

<view>
  我是自定义组件
</view>

playlist.js

Component({
  properties: {
    // 这里定义了innerText属性，属性值可以在组件使用时指定
    innerText: {
      type: String
    }
  },
  data: {
    // 这里是一些组件内部数据
    someData: {}
  },
  methods: {
    // 这里是一个自定义方法
    customMethod: function(){}
  }
})

 

2.父组件，pages下的playlist

playlist.json

{
  "usingComponents": {
    "x-playlist":"/components/playlist/playlist"
  }
}

playlist.wxml

<view>
  <!-- 以下是对一个自定义组件的引用 -->
   <x-playlist></x-playlist>
</view>