小程序--组件的使用

• 组件的创建
  创建一个为son-components的page，会自动生成wxml,wxss,json,js;

son-components.wxml

<view>我是子组件</view>

son-components.js

Component({
 properties: {
   courseList: { // 接收父组件传回来的courseList，当然想传啥都行
     type: Array,
     value: []
   }
 },
 data: { // 内部属性

 },
 methods: { // 方法

 }
})

• 组件的使用

第一步：
parent-components.json---注册

{
 "usingComponents": {
   "son-components": "/components/son-components" // here
 },
 "navigationBarTitleText": "子组件"
}

第二步：
parent-components.wxml

<view>
<son-components  courseList="{{[1,2,3,4,5]}}"></son-components>
</view>