美文网首页
小程序--组件的使用

小程序--组件的使用

作者: 小西瓜简书 | 来源:发表于2019-05-15 15:57 被阅读0次
  • 组件的创建
    创建一个为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>

相关文章

网友评论

      本文标题:小程序--组件的使用

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